.contact{text-align:center;align-items:center;width:100%;max-width:100%;display:flex;min-height:92vh;justify-content:space-around;overflow:hidden;flex-wrap:wrap;background-color:#f7f2e7}#content{text-align:left;min-width:300px;float:left;align-content:center;padding:50px}#content h1{font-size:xxx-large;margin:0;color:rgb(70,70,70);text-align:center}.contact-link{color:var(--mainColor);text-decoration:none}.contact-link>img{width:25px;margin:0 15px;cursor:pointer;transition:.2s}.contact-link:hover{color:var(--contrast)}.contact p{font-size:18px}.mydetails{margin-top:20px;color:rgb(67,67,67);margin-left:10px;font-size:calc(15px + .1vw);text-align:center}.formdiv{width:-moz-fit-content;width:fit-content;min-width:400px;border-radius:10px;max-width:90vw;overflow:hidden}form input,textarea{margin:10px;padding-bottom:10px;border:none;border-bottom:2px solid black;width:20vw;min-width:250px;font-size:15px;background-color:transparent!important}form input:focus{outline:none;border-bottom:2px solid var(--font)}form h2{color:var(--mainColor);align-self:flex-start}#submitbutton{padding:7px 12px;height:40px;border:0;border-radius:20px;background-color:#de866e;font-size:14px;letter-spacing:1px;cursor:pointer;margin:20px auto auto;position:relative;width:20vw;min-width:250px;font-weight:800}#message{height:80px;vertical-align:bottom}@media screen and (max-width:600px){form input,textarea{width:60%!important}.content{font-size:18px!important}#submitbutton{width:65%}#content h1{margin-top:50px}}