.contact{justify-content:center;align-items:flex-start;gap:5vw;width:95%;height:90vh;padding:5vh 0;display:flex;position:relative}.contact .text{flex-direction:column;justify-content:center;align-items:flex-start;gap:10vh;height:45vh;display:flex}.contact .location{aspect-ratio:1;z-index:2;border:none;border-radius:25px;width:auto;height:55vh;transition:all 1s;box-shadow:0 2px 4px #0e1e251f,0 2px 16px #0e1e2552}.contact article{z-index:1;border-radius:25px;justify-content:center;align-items:center;width:50vw;height:50vh;display:flex;position:absolute;bottom:5vh}.contact article.per{flex-direction:row-reverse;right:5vw}.contact article.eng{flex-direction:row;left:5vw}.contact article .left{background-color:var(--primary);border-top-left-radius:25px;border-bottom-left-radius:25px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:10%;width:40%;height:90%;padding:5% 10%;display:flex;position:relative;box-shadow:0 8px 24px #11111a1a,0 16px 56px #11111a1a,0 24px 80px #11111a1a}.contact article .right{background-color:var(--secondary);border-top-right-radius:25px;border-bottom-right-radius:25px;flex-direction:column;justify-content:flex-start;align-items:center;gap:10%;width:20%;height:90%;padding:5% 10%;display:flex;box-shadow:.5vw 2px 16px #1f180178,-6px -2px 16px #fffc}.contact article .left div{justify-content:center;align-items:center;width:100%;display:flex}.contact article .left h2{font-size:1vw}.contact article .left button{margin:0 auto;position:absolute;top:85%;left:50%;transform:translate(-50%)}.contact article .left input{border:.2vh solid var(--border);border-radius:10px;width:60%;height:8%;padding:1vh .5vw}.contact article .left textarea{border:.2vh solid var(--border);resize:none;border-radius:10px;width:100%;height:15%;padding:1vh .5vw}.contact article .left input:focus,.contact article .left textarea:focus{outline:none}.contact article .right h2{white-space:nowrap;font-size:1vw}.contact article .right div{justify-content:flex-start;align-items:center;gap:5%;width:100%;display:flex}.contact a:link{color:var(--text)}.contact .phone a{direction:ltr}@media screen and (max-width:600px) and (orientation:portrait){.contact{flex-direction:column;justify-content:center;align-items:center;gap:5vh;width:95%;height:auto;padding:2.5vh 0 5vh;display:flex;position:relative}.contact .text{flex-direction:column;justify-content:center;align-items:center;gap:5vh;height:15vh;display:flex}.contact .location{aspect-ratio:1;z-index:1;border:none;border-radius:25px;width:90%;height:auto;transition:all 1s;box-shadow:0 2px 4px #0e1e251f,0 2px 16px #0e1e2552}.contact article{flex-direction:column-reverse;width:80%;height:60vh;position:relative;bottom:0;left:0}.contact article.per{flex-direction:column-reverse;right:0}.contact article.eng{flex-direction:column-reverse;left:0}.contact article .left{background-color:var(--primary);border-top-left-radius:0;border-bottom-right-radius:25px;border-bottom-left-radius:25px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:2vh;width:100%;height:60%;padding:2vh 10% 0;display:flex;position:relative;box-shadow:0 8px 24px #11111a1a,0 16px 56px #11111a1a,0 24px 80px #11111a1a}.contact article .right{background-color:var(--secondary);border-top-left-radius:25px;border-top-right-radius:25px;border-bottom-right-radius:0;flex-direction:column;justify-content:flex-start;align-items:center;gap:10%;width:100%;height:40%;padding:2vh 10%;display:flex;box-shadow:.5vw 2px 16px #1f180178,-6px -2px 16px #fffc}.contact article .left button{border-radius:0 0 25px 25px;width:100%;height:5vh;margin:0 auto;position:absolute;bottom:0;left:0;transform:none}.contact article .left h2{font-size:3vw}.contact article .left input{width:100%}.contact article .right h2{font-size:3vw}}
