@import url(https://fonts.googleapis.com/css?family=Karla);:root{font-size:13px}@media screen and (min-width:1000px){:root{font-size:14px}}@media screen and (min-width:1240px){:root{font-size:16px}}@media screen and (min-width:1480px){:root{font-size:17px}}body{background:#eee;color:#eee;font-family:Karla;font-size:1rem;font-weight:300;height:100%;line-height:2em;margin:0;padding:0;width:100%}.main{align-items:baseline;background:linear-gradient(120deg,#383745 50%,#22202b 0);display:flex;justify-content:space-around}.main .header,.main legend.header{color:#a94dff;font-size:1.25rem;letter-spacing:3px;margin:.5em 0;text-transform:uppercase}legend{color:#a94dff}#email-input,#name-input{border-color:#a94dff;color:#a94dff}#email-input{border-radius:5%}#btn-submit{background-color:#a94dff;color:#eee}#message-input{min-height:8vh}#budzet,#message-input{border-color:#a94dff;color:#a94dff}#aftersend{max-width:50px}.about{max-width:40vh}.main .bio,.main .contact{margin-top:10vh;max-width:100%}.main .bio .profile-img{border-radius:50%;max-width:7em}.main .bio .bio-link{clear:left;color:#eee;display:inline-block;font-size:1rem;letter-spacing:3px;margin-bottom:.25em;text-decoration:none;text-transform:uppercase;transition:color .3s ease-in-out}.main .bio .bio-link i{margin-left:8px}.main .bio .bio-link:after{background:#ca8d6e;content:"";display:block;height:1px;transition:width .3s ease-in-out;width:0}.main .bio .bio-link:hover:after{width:100%}.main .bio .bio-link:hover{color:#ca8d6e}.main .contact{color:#a94dff}.main .contact form fieldset{border:none;font-size:1rem;margin-bottom:.25em;padding:.25em 0;position:relative}.main .contact form fieldset label{color:#a94dff;display:block;font-size:.875rem;position:absolute;right:.125em;top:1.5em}.main .contact form button,.main .contact form input,.main .contact form textarea{border:0}.main .contact form button:focus,.main .contact form input:focus,.main .contact form textarea:focus{outline:none}.main .contact form input,.main .contact form textarea{background:none;border-bottom:1px solid #7d6962;color:#a94dff;display:block;font-family:Karla;font-size:1rem;padding:.5em 0;transition:border .3s ease-in-out;width:280px}.main .contact form input:focus,.main .contact form textarea:focus{border-bottom:1px solid #a94dff}.main .contact form input::placeholder,.main .contact form textarea::placeholder{color:#7d6962}.main .contact button{background:#ca8d6e;box-shadow:0 0 40px 0 #15151599;color:#eee;display:block;font-size:1rem;letter-spacing:3px;padding:1em 2em;text-transform:uppercase}.main .contact button:hover{animation:swell .5s ease-in-out;cursor:pointer}.main .contact textarea{resize:none}.main{animation:Page .6s ease-in-out forwards}.bio{animation:Bio .6s ease-in-out forwards}.contact{animation:Contact .6s ease-in-out forwards}select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7 10 5 5 5-5H7z'/%3E%3C/svg%3E")}label{display:block;margin-bottom:5px}input[type=email],input[type=text],select,textarea{border:1px solid #ccc;border-radius:5px;padding:10px;width:40%}select{-webkit-appearance:none;appearance:none;background-position:right 10px center;background-repeat:no-repeat;padding-right:25px}textarea{box-sizing:border-box;height:40px;overflow:hidden;padding:10px;resize:none}textarea:focus{box-shadow:0 0 0 2px #007bff;outline:none}@keyframes Page{0%{opacity:0}to{opacity:1}}@keyframes Bio{0%{transform:translateX(-50vw)}to{transform:translateX(0)}}@keyframes Contact{0%{transform:translateX(50vw)}to{transform:translateX(0)}}@keyframes swell{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}
/*# sourceMappingURL=main.a9b2adcd.css.map*/