*{
padding: 0;
margin: 0;
box-sizing: border-box;
}
body{ 
    font-family: monospace !important;
    background: linear-gradient(#2b2822,rgb(18, 18, 15));
}    
.contact-container{
     height: 100vh;
     display: flex;
     align-items: center;
     justify-content: space-evenly;
}
.contact-left{
     display: flex;
     flex-direction: column;
     align-items: start;
     gap: 20px;
}
.contact-left-title h2{
     font-weight: 600;
     color: #ffbd39;
     font-size: 40px;
     margin-bottom: 5px;
}
.contact-left-title hr{
     /* border: none; */
     width: 120px;
     height:5px;
     border-radius: 10px;
     margin-bottom: 20px;
     background:linear-gradient(270deg, #ffbd39, black);
}
.contact-inputs{
     width: 400px;
     height: 50px;
     border: none;
     outline: none;
     padding-left: 25px;
     font-weight: 500;
     color: #666;
     border-radius: 50px;
}

.contact-inputs:focus{
     border: 2px solid #ffbd39;
}
.contact-inputs::placeholder{
    color: #a9a9a9;
}
.contact-left button{
     display: flex;
     align-items: center;
     padding: 15px 30px;
     font-size: 16px;
     color: #fff;
     gap: 10px;
     border: none;
     border-radius: 50px;
     background: linear-gradient(270deg,#ffbd39, black);
     cursor: pointer;
}
.contact-left button img{
     height: 15px;
}
.contact-right img{
    width: 500px;
}
@media (max-width:800px){
    .contact-inputs{
         width: 80vw;
    }
    .contact-right{
        display: none;
    }
}