main .container .left h1{
         margin-bottom: 17px;
}
main .container .left form input,main .container .left form button,main .container .left form textarea{
         width: 85%;
         height: 50px;
         margin-bottom: 10px;
         border-radius: 3px;
         border: 1px solid #5555;
         padding: 3px 10px;
         font-size: 15px;
         background-color: #33333314;
         outline: none;
}
main .container .left form button{
         margin-bottom: 30px;
         background-color: var(--main2-color);
         color: white;
         font-size: 20px;
         font-weight: bold;
         letter-spacing: 1px;
         transition: .5s;
         cursor: pointer;
         position: relative;
         opacity: .5;
}
main .container .left form button:hover{
         transform: translateY(-5px);
}
main .container .left form button.active{
         opacity: .5;
}
main .container .left form button.active::before{
         content: "";
         position: absolute;
         top: 14%;
         left: 47%;
         /* transform: translate(-50%,-50%); */
         width: 25px;
         height: 25px;
         border: 6px dashed var(--main1-color);
         opacity: .7;
         border-radius: 50%;
         animation: rolate 3s infinite linear
}
@keyframes rolate {
         0%{transform: rotate(0deg)}
         100%{transform: rotate(360deg)}
}
main .container .left form textarea{
         min-height: 200px;
}

@media (max-width:768px){
         main .container .left form input
         ,main .container .left form button
         ,main .container .left form textarea{
                  width: 100%;
         }
}