*{
    margin:0;
}
body,html{
    height:100vh;
    position: relative;
    background-color: rgba(255, 255, 255, 0.331);
    
}

main{
    background-image:url("../images/Ben_jerry_plant_waterbury.jpg");
    height:100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

article{
    width:50%;
    height: 70vh;
    margin:auto;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}



h1{
    font-size:8em;
    font-style:normal;
    font-weight: 400;
    
    text-align:center;
    font-family: "Modak", system-ui;
    text-shadow: 0 8px 16px rgba(255, 255, 255, 0.685);

}


small{
    font-size:1.8em;
    font-family: "Atma", system-ui;
    text-shadow: 0 2px 16px rgba(255, 255, 255, 0.801);
    background-color:rgba(55, 24, 105, 0.463);
    border: 5px double white;
}

button{
    border-radius: 5px;
    font-size:1.5em;
    border:none;
    background-color: white;
    color:black;
    font-family: "Atma", system-ui;
    width:250px;
    margin-top: 30px;

}
button:hover{
    background-color: black;
    color:white;
    box-shadow:0 8px 16px 0 rgba(255, 255, 255, 0.546);
    
}

p{
    font-family: "Atma", system-ui;
}