Body {
 align-items:center 
  
  
}


#logo {

width:800px;



}



h1{

    font-family: 'Roboto', sans-serif;
    color:#89C766;
    font-weight: 900;
    margin:auto;
    text-align: center;
    font-size:64px;
}



p {

    
    font-family: 'Roboto', sans-serif;
    /* border-style: solid; */
    font-size:24px;
    color:#89C766;
    background-color:white;
    font-weight: 900;
    text-align: center;
    margin:auto;
    width:50%;
     border-radius: 100px; 
    padding: 1rem;
    border: 4px dashed #FDF389;
    


 }





.buttonI{

    display: block;
    font-family: 'Roboto', sans-serif;
    font-size:20px;
    text-decoration: none; 
    font-weight: 900;
    color: white;  
    background-color: #0688dd;
    
    border-radius: 100px;
    padding: 1rem 1rem 2rem 1rem;
    width: 160px;
    height:0.5rem;
    text-align: center;
    margin: auto;


}

.buttonI:hover{

    color:white;
    background-color: #0259A8;

}

.button {

    display: block;
    font-family: 'Roboto', sans-serif;
    font-size:22px;
    text-decoration: none; 
    font-weight: 900;
    color: white;
    background-color:#0688dd; 
    
    
    border-radius: 100px;
    padding: 0.8rem;
    width: 180px;
    height: 3rem;
    text-align: center;
    margin: auto;
    
    
}

.button:hover{

    color:white;
    background-color: #0259A8;
  

}

#soon {

font-size: 3rem;
color:#89C766;
border-radius: 100px; 
padding: 0rem;
border: 0px;


}

@media screen and (max-width:440px) {


#logo{

width: 200px;
height: 100px;

}


    
}