-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.6c26db9a.css
2 lines (2 loc) · 3.25 KB
/
index.6c26db9a.css
1
2
.contact-page section{align-items:center;background:#111;display:flex;justify-content:center;min-height:100vh;padding:20px;width:100%}.contact-container{backdrop-filter:blur(25px);background:hsla(0,0%,100%,.1);border-bottom:1px solid hsla(0,0%,100%,.25);border-right:1px solid hsla(0,0%,100%,.25);border-color:hsla(0,0%,100%,.25) hsla(0,0%,100%,.1) hsla(0,0%,100%,.1) hsla(0,0%,100%,.25);border-radius:10px;border-style:solid;border-width:1px;box-shadow:25px 45px rgba(0,0,0,.1);max-width:1000px;overflow:hidden;padding:50px;position:relative;width:100%;z-index:1000}.contact-container:before{background:hsla(0,0%,100%,.05);content:" ";height:100%;left:-40%;pointer-events:none;position:absolute;top:0;transform:skewX(-15deg);width:100%}.contact-container h2{color:#fff;font-size:36px;margin-bottom:20px;text-align:center;width:100%}.contact-container .contact-row100{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));position:relative;width:100%}.contact-container .contact-row100 .contact-col{margin:30px 0 20px;padding:0 10px;position:relative;width:100%}.contact-container .contact-row100 .contact-col .contact-inputBox{color:#fff;height:40px;position:relative;width:100%}.contact-container .contact-row100 .contact-col .contact-inputBox input,.contact-container .contact-row100 .contact-col .contact-inputBox textarea{background:transparent;border:none;box-shadow:none;color:#000;font-size:15px;height:100%;outline:none;padding:0 10px;position:absolute;resize:none;width:100%;z-index:1}.contact-container .contact-row100 .contact-col .contact-inputBox .text{display:block;font-size:18px;left:0;line-height:40px;padding:0 10px;pointer-events:none;position:absolute;top:0;transition:.5s}.contact-container .contact-row100 .contact-col .contact-inputBox input:focus+.text,.contact-container .contact-row100 .contact-col .contact-inputBox input:valid+.text,.contact-container .contact-row100 .contact-col .contact-inputBox textarea:focus+.text,.contact-container .contact-row100 .contact-col .contact-inputBox textarea:valid+.text{left:-10px;top:-35px}.contact-container .contact-row100 .contact-col .contact-inputBox .line{background:#fff;border-radius:2px;bottom:0;display:block;height:2px;pointer-events:none;position:absolute;transition:.5s;width:100%}.contact-container .contact-row100 .contact-col .contact-inputBox input:focus~.line,.contact-container .contact-row100 .contact-col .contact-inputBox input:valid~.line{height:100%}.contact-container .contact-row100 .contact-col .contact-inputBox.textarea{height:100px;padding:10px 0;position:relative;width:100%}.contact-container .contact-row100 .contact-col .contact-inputBox textarea:focus~.line,.contact-container .contact-row100 .contact-col .contact-inputBox textarea:valid~.line{height:100%}.contact-container .contact-row100 .contact-col input[type=submit]{cursor:pointer}.contact-container .contact-row100 .contact-col input[type=submit],.contact-error{background:#fff;border:none;border-radius:2px;color:#000;font-size:18px;font-weight:600;outline:none;padding:10px 40px}.contact-error{align-content:center;display:none;height:49px;justify-content:center;margin-bottom:30px;margin-top:30px;width:100%}@media (max-width:768px){.contact-container{padding:20px}.contact-container h2{font-size:28px}}
/*# sourceMappingURL=index.6c26db9a.css.map */