.contact-section{margin-top:64px;padding:10px;width:100%;min-height:calc(100vh - 64px);display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;background-image:radial-gradient(#555,#1e1e1e)}.form-wrapper{position:relative;width:100%;max-width:650px;padding:20px 15px;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;background-color:#1e1e1e;border:1px solid #333;border-radius:10px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:2px 2px 20px rgba(0,0,0,.6)}.form-wrapper h2{align-self:start;width:100%;margin:0 0 20px;padding-bottom:10px;font-size:200%;font-weight:300;border-bottom:1px solid #f03}.contact-form{display:flex;flex-wrap:wrap;justify-content:center}.field-name,.field-email,.field-subject,textarea{z-index:1;width:100%;margin:7px 0;padding:10px;outline:none;font-weight:300;color:#bababa;background-color:#2a2a2a;border:none;border-radius:5px}.field-phone{position:absolute;top:580px;left:20px;width:20px;z-index:0;border:none;background-color:#1e1e1e}.contact-form p,.acceptance{z-index:1;width:100%;margin:7px 0;font-size:90%}.contact-form textarea{resize:vertical}.acceptance{position:relative}.acceptance-caption{line-height:1.6}.acceptance input{border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;bottom:0;left:10px;width:1px}.acceptance label::before{content:"";display:inline-block;width:20px;height:20px;margin-right:8px;padding:2px;vertical-align:-5px;background-color:#2e2e2e;border-radius:3px;cursor:pointer;transition:all 0.2s ease}.acceptance input:hover+label::before{background-color:#f03}.acceptance label::after{border-right:3px solid #fff;border-top:3px solid #fff;content:"";height:12px;width:6px;top:10px;left:2px;position:absolute;transform:scaleX(-1) rotate(135deg);transform-origin:left top;cursor:pointer;display:none}.acceptance input:checked+label::before{background-color:#f03}.acceptance input:checked+label::after{display:block;width:8px;height:14px}.acceptance a{color:#f03}.acceptance a:hover{color:#fff}.send-btn{z-index:1;width:50%;min-width:110px;margin:30px 0;cursor:pointer}.form-messages{z-index:1;margin:20px 0;text-align:center;font-size:110%;font-weight:500}.success span{color:rgb(100,225,100)}.error span{color:rgb(255,50,50)}.form-wrapper h4{z-index:1;margin-bottom:20px;font-size:130%}@media only screen and (min-width:540px){.form-wrapper{padding:30px}.form-wrapper h2{font-size:250%;margin:0 0 30px;padding-bottom:15px}.field-name,.field-email,.field-subject,textarea{margin:10px;padding:15px;font-size:110%}.field-name{width:calc(40% - 40px)}.field-email{width:60%}.contact-form p,.acceptance{margin:10px;font-size:100%}.acceptance label::after{top:12px}.form-wrapper h4{font-size:150%}}