@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&display=swap');

:root{
   --main-color:#ff0;
   --light-white:rgba(255,255,255,.5);
   --light-black:rgba(0,0,0,.3);
   --light-bg:rgba(255,255,255,.1);
   --white:#fff;
   --black:#000;
   --light-white1:#fff9;
}

.contact .row{
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
 }
 
 .contact .row .map{
    width: 100%;
    flex: 1 1 25rem;
    padding: 1rem;
    background-color: var(--light-bg);
    border-radius: .5rem;
    backdrop-filter: blur(.4rem);
 }
 
 .contact .row form{
    flex: 1 1 25rem;
    padding: 1rem;
    background-color: var(--light-bg);
    border-radius: .5rem;
    backdrop-filter: blur(.4rem);
 }
 
 .contact .row form h3{
    text-align: center;
    font-size: 2.5rem;
    color: var(--black);
    padding-bottom: 1rem;
 }
 
 .contact .row form .box{
    width: 100%;
    margin: 1rem 0;
    border-radius: .5rem;
    background-color: var(--light-black1);
    padding: 1.4rem;
    font-size: 1.8rem;
    color: var(--white);
    text-transform: none;
 }
 
 .contact .row form .box::placeholder{
    color: var(--light-white);
 }
 
 .contact .row form textarea{
    height: 15rem;
    resize: none;
 }