.contact-container{height:100%;padding:2% 10%;justify-content:center;align-items:center}.contact-body{gap:30px;border:1px solid black;padding:5% 10%;background:rgba(255,255,255,.198);border:1px solid rgba(255,255,255,.261);border-radius:30px}.contact-body,.contact-form{display:flex;flex-direction:column;justify-content:center;align-items:center;backdrop-filter:blur(100%);-webkit-backdrop-filter:blur(20px);box-shadow:0 4px 30px rgba(0,0,0,.12)}.contact-form{gap:20px;padding:6% 10%;background:rgba(198,198,198,.148);border:1px solid rgba(255,255,255,.34);border-radius:30px}.contact-form>input,.contact-form>textarea{padding:20px;background:rgba(0,0,0,.296);color:white;border-radius:20;outline:none}.contact-form>button{background-color:white;padding:3% 20%;border-radius:10px;border:2px solid black;transition:.2s ease;cursor:pointer;box-shadow:3px 3px 1px black}.contact-links{display:flex;flex-direction:row;gap:20px;justify-content:space-between;align-items:center;width:90%;margin-top:5%}.single-link{padding:30px 20px;background:rgba(198,198,198,.148);backdrop-filter:blur(100%);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.34);box-shadow:0 4px 30px rgba(0,0,0,.12);border-radius:30px}.single-link,.single-link>img{justify-content:center;align-items:center}.single-link>img{height:100px;width:100px}@media (max-width:900px){.contact-links{display:grid;grid-template-columns:auto auto auto}.single-link>img{height:80px;width:80px}}@media (max-width:500px){.contact-links{display:grid;grid-template-columns:auto auto}.single-link>img{height:80px;width:80px}.contact-container{padding:10px;margin-top:10%}.contact-body{padding:20px}}