body{
    width: 100%;
}

#main-contact{
    width: 100%;
    height: max-content;
}

#main-contact .nav{
    width: 100%;
    height: 100%;
    align-items: center;
    display: flex;
    margin-top: 70px;
    background-color: rgba(240, 232, 223, 0.959);
}

#main-contact .nav .sidenav{
    width: 350px;
    height: 300px;
    align-items: center;
     background-color: rgb(222, 223, 173);
     margin-left: 120px;
     padding: 20px;
     box-shadow: -20px 20px 20px -5px rgba(255, 255, 255, 0.904);
     border-radius: 20px;
}

#main-contact .nav .sidenav p{
    font-size: 22px;
    color:black;
    text-align: center;
    padding: 10px;
    text-transform: capitalize;
}

#main-contact .nav .sidenav p span{
    font-size: 30px;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode';
    font-weight: bold;
    padding-bottom: 10px;
}

#main-contact .nav .form{
    width: 900px;
    height: 600px;
    align-items: center;
    background-color: rgb(248, 243, 243);
    margin: 20px;
    box-shadow: -20px 20px 20px -5px  #846e88;
    border-radius: 20px;
}

#main-contact .nav .form .circle{
    width: 850px;
    height: 550px;
    background: rgb(255, 230, 230);
    border-radius: 50%;
    margin:10px auto;
}
#main-contact .nav .form .table{
    width: calc(100% -30px);
    height: 470px;
    margin-top: -520px;
    margin-left: 20px;
    background-color: rgb(255, 230, 230);
}
#main-contact .nav .form .table input{
    width: 400px;
    height: 40px;
    margin: 20px auto;
    margin-left: 20px;
    font-size: 2.2rem;
    border-radius: 10px;
    text-align: center;
}

#main-contact .nav .form .table span{
     width: 400px;
    height: 40px;
    margin: 20px auto;
    margin-left: 400px;
    font-size: 2.2rem;
    border-radius: 10px;
    text-align: center;
    margin-top: -20px;
}

#main-contact .nav .form .table p{
    width: 400px;
    height: 40px;
    margin: 20px auto;
    margin-left: 20px;
    font-size: 2.2rem;
    border-radius: 10px;
    text-align: center;
     margin-top: -20px;
}

#main-contact .nav .form .table textarea{
    width: 800px;
    height: 100px;
    margin: 20px auto;
    margin-left: 20px;
    font-size: 2.2rem;
    border-radius: 10px;
    text-align: left;
    padding: 10px;
}

#main-contact .nav .form .table button{
    width: 200px;
    height: 50px;
    margin: 20px auto;
    margin-left: 220px;
    font-size: 2.2rem;
    border-radius: 10px;
    text-align: center;
    background-color: rgb(222, 223, 173);
}
#main-contact .nav .form .table button:hover{
    background-color: rgb(105, 105, 219);
    border-radius: 10px;
    transition: 0.3 secs;
    cursor:pointer;
}

#main-contact .nav_2{
    background-color: rgb(155, 150, 142);
    width: 100%;
    height: 200px;
    display: flex;
}

#main-contact .nav_2 .contents-nav{
    width:calc(100%/2 - 100px);
    margin: 20px;
    margin-left: 100px;
}

#main-contact .nav_2 .contents-nav a{
    width: max-content;
    height: 40px;
    font-size: 2.4rem;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    margin:20px auto;
    background: none;
    color:white;
    text-decoration: none;
    padding: 10px;
}

#main-contact .nav_2 .contents-nav a:hover{
    background-color: rgb(105, 105, 219);
    border-radius: 10px;
    transition: 0.3 secs;
    cursor:pointer;
}