* {
    margin: 0; padding: 0; border: 0; box-sizing: border-box;
}

/* root selector. you can also use html as the selector */
:root {
    font-size: 62.5%; /* this is 10/16 */
}

Body {
    background-color: rgb(250, 140, 70);
}

    #top {
        /* border: 2px solid red;  */
        min-height: 10vh;
    }

        #to_form {
            text-align: center;
            margin: 10px;
        }

        #to_form a {
            text-align: center;
            font-size: 4rem;
            background-color: blanchedalmond;
            text-decoration: none;
            padding: 5px;
            
           
            

        }

        #home_button {
            /* border: 2px solid blue; */
            width: 100px; aspect-ratio: 4/3;
        }
    
        h1 {
            width: 100vw;
            /* border: 2px solid green; */
            text-align: center;
            font-size: xx-large;
        }

     main {
       
        max-width: 60vw;
        height: 80vh;
        margin-left: auto; margin-right: auto;
        margin-top: 3vh;
     } 
     
        #three {
            
            height: 25vh;
            text-align: center;
            display: flex;
            flex-wrap: row wrap;
            
        }

            .three {
                border: 2px solid green;
                width: 32%;
                height: 95%;
                
            }

                #mid-3 {
                    margin-left: 15px; margin-right: 15px;
                }

        #five {
            /* border: 2px solid green; */
            min-height: 50vh;
            width: 60vw;
            text-align: center;
            display: flex
        }

            #single {
                
                width: 50%;
                height: 50vh;
            }

                .single {
                    border: 2px solid blue;
                    width: 100%; 
                    height: 100%;
                    
                  
                }

            #grid4 {
                /* border: 2px solid pink; */
                width: 50%; 
                height: 50vh;
                text-align: right;
            }

                .four {
                    border: 2px solid blue;
                    width: 48%;
                    height: 50%;
                    margin-left: 5px;
                }

    footer {
        
       
        max-width: 100vw;
        min-height: 20vh;
        margin-left: auto; margin-right: auto;
        margin-top: 3vh;
        display: flex;
        
    }   

    .bottom {
        
        text-align: center;
        display: flex;
        width: 100%;
        height: 30%;
        padding: 2rem 10rem;
    }

        #contact_us {
            border: 2px solid blue;
            background-color: palegreen;
            border-radius: 20px;
            width: 60%;
            min-height: 70vh;
            margin: 1rem;
        }

            #contact_us p {
                font-size: xx-large;
                margin-top: 20px;
                
            }

            #contact_us ul {
                border: 2px solid antiquewhite;
                background-color: blanchedalmond;
                height: 80%;
                width: 60%;
                margin: 20px auto;
                border-radius: 10%;
                list-style-type: none;
                
            }

            #contact_us ul li {
                font-size: 3rem;
                margin: 20px;
            }

            #contact_us ul li input {
                font-size: 3rem;
                font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
               
            }

                #message {
                    flex-wrap: wrap;
                    
                }

            #submit p {
                border: 2px solid palegreen;
                font-size: 3rem;
                width: 25%;
                float: right;
                margin-top: -10px;
                background-color: palegreen;
                margin-right: 5px;
                color: black;
            }

                #submit p:hover {
                    background-color: green;
                    color: black;
                }
    
    
    
        #links {
            border: 2px solid purple;
            border-radius: 10%;
            background-color: blanchedalmond;
            width: 30%;
            height: 60vh;
            margin: 3rem;
        }

            #links ul {
                
                max-width: 90%;
                text-align: center; 
                margin: 0px auto; 
            }

                #links ul li {
                    display: flex;
                    
                }   
                
                    .footer{
                        width: 90%;
                        height: 8rem;
                        margin-top: 1.5rem;
                        border: 2px solid orange;
                        border-radius: 10%;
                        
                    }
                
                    #links ul li p {
                    
                        font-size: xx-large;
                        line-height: 10rem;
                        margin-left: 20px;
                    }