html,body{background:#2F3E50;background:linear-gradient(180deg, #2f3e50 0%, #6a8eb6 100%);color:#e7e7e7;font-family:"Instrument Sans";margin:0;padding:0;line-height:1.5}h1,h2,h3,h4,h5,h6{color:#FFE435;font-family:"Anton";font-weight:400;font-style:normal;text-shadow:0 2px 5px rgba(0,0,0,0.5);letter-spacing:2px}h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{letter-spacing:1px}.hidden{display:none !important}button,input[type="submit"]{background:#FFE435;padding:1em 2em;font-size:24px;font-weight:bold;font-family:"Anton";border:none;border-radius:20px;cursor:pointer;margin:1em;text-transform:uppercase;display:inline-block;letter-spacing:1px}.leftColumn{width:380px;left:30px;top:30px;box-sizing:border-box;text-align:center;position:fixed}.leftColumn section{padding-left:0}.leftColumn .profile{background:white;overflow:hidden;border-radius:30px;padding:1em}.leftColumn .profile img{width:100%}.leftColumn .socialMedia{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:16px}.body h1{font-size:64px}.body h2{font-size:40px}.body h3{color:white}.body h3 span{display:block;font-family:"Instrument Sans"}.body section{padding-left:440px;padding-bottom:3em}.body .description h1{margin-bottom:0;padding-bottom:0}.body .description .summary{border-right:white dashed 1px;margin-right:30px;padding-right:30px;padding-bottom:20px;max-width:900px;font-size:20px}.body .description .summary div{font-weight:bold;color:#979797}.body .history{display:flex;flex-direction:column;background:rgba(0,0,0,0.2)}.body .history div{padding:0;margin:0;display:flex;gap:20px}.body .history div h3{width:20%;max-width:150px;text-align:right;font-size:40px;padding:10px 0 0 0;margin:0}.body .history div h3 span{font-size:12px;margin-top:-6px}.body .history div p{width:70%;max-width:730px;margin:1px;border-left:white dashed 1px;padding-left:20px;padding-top:1em;padding-bottom:1em}.body .techStack ul{margin:0;padding:0;padding-right:30px;display:flex;flex-wrap:wrap;gap:2em;max-width:930px;justify-content:center;position:relative;overflow:hidden;padding-top:1em}.body .techStack ul li{list-style:none;width:79px;height:79px;display:block;display:inline-block;align-items:center;justify-content:center;opacity:.5;transition:all .25s ease-out;text-align:center;cursor:pointer}.body .techStack ul li span{opacity:0;display:block;position:absolute;bottom:-1.1em;width:100%;text-align:center}.body .techStack ul li:hover{opacity:100;scale:1.2}.body .techStack ul li:hover span{opacity:1}.body .contact{background:rgba(0,0,0,0.2);overflow:auto}.body .contact .block{display:flex}.body .contact form{width:70%;max-width:550px;box-sizing:border-box;margin-left:30px;border-left:white dashed 1px;padding-right:30px;padding-left:30px}.body .contact form input,.body .contact form textarea{background:rgba(0,0,0,0.2);border:none;border-radius:1em;box-sizing:border-box;color:white;display:block;font-family:"Instrument Sans";margin:1em 0;min-height:44px;padding:1em;width:100%}.body .contact form input:focus,.body .contact form textarea:focus,.body .contact form input:active,.body .contact form textarea:active{border:none;outline:none}.body .contact form input[type="submit"]{background:#FFE435;font-family:"Anton";color:black}.body .contact form textarea{min-height:216px}.body .contact form button{display:block;margin:1em auto;width:100%}.body .contact form .loader{font-size:2em;animation:bouncing 1.5s ease-in-out 1s infinite alternate forwards running;min-height:150px;padding-top:100px}.body .contact form .error_banner{display:block;background-color:rgba(220,103,1,0.853);color:white;padding:1em;border-radius:10px;text-align:center;position:relative}.body .contact form .error_banner::before{content:"⚠︎";position:absolute;left:10px;font-size:2em;top:3px;opacity:50%}.body .contact form .successMessage{background:rgba(0,0,0,0.2);text-align:center;font-size:20px;padding:30px;border-radius:1em}.body .contact .copy{width:25%;text-align:right}@media screen and (max-width:800px){.main .leftColumn{position:relative;width:100%;overflow:hidden;margin:0px;left:0;padding:30px}.main h2{text-align:center}.main .body section{padding-left:30px;padding-right:30px}.main .body .description h1{text-align:center;margin-top:0}.main .body .description .summary{border-right:none;padding-right:0;margin-right:0;text-align:center}.main .body .techStack ul{justify-content:center}.main .body .contact .block{flex-direction:column;justify-content:center}.main .body .contact .copy{width:auto;text-align:center;margin-bottom:20px}.main .body .contact form{float:none;width:inherit;max-width:inherit;margin:0;padding:0;padding-top:20px;border-left:none;text-align:center;border-top:white dashed 1px}}@keyframes bouncing{from{transform:translateY(0)}to{transform:translateY(20px)}}/*# sourceMappingURL=./main.css.map */