*{box-sizing:border-box}*,body,html{margin:0;padding:0}body{olor:silver;font-family:"montserrat",sans-serif}h1{font-family:"audiowide",sans-serif;font-size:40px;letter-spacing:3px;padding:50px 0;transition:color .3s linear}h2,h3{letter-spacing:2px;transition:color .3s linear}h3{font-weight:500;margin:10px auto;padding:0}p{line-height:1.5}li,p{font-size:18px;transition:color .3s ease}button{background:none;border-radius:4px;cursor:pointer;font-size:20px;letter-spacing:1px;margin:5px;padding:3px 6px;pointer-events:auto;transition:all .3s ease;white-space:nowrap}button,input,textarea{font-family:"montserrat"}button:hover{border:2px solid #266;color:#399;letter-spacing:2px}a{text-decoration:none}b{transition:color .3s ease}@media (max-width:1000px){li,p{font-size:16px}button{font-size:18px}}.App{min-height:100vh;overflow:hidden;text-align:center;transition:background .3s ease}.half-screen{display:flex;width:50%}.flex-container{display:flex;justify-content:space-around}.flex-container *{margin:auto}.toAppear{overflow:hidden;opacity:0;position:relative;-webkit-transform:scale(.96);transform:scale(.96);transition:all .6s ease}.appear{opacity:1!important;-webkit-transform:scale(1)!important;transform:scale(1)!important}.appearOnLoad{opacity:0;position:relative;-webkit-transform:scale(.96);transform:scale(.96);transition:all 1.6s ease}.appearOnLoad,.noscroll{overflow:hidden}@media (max-width:800px){.section{padding:0}}.dark{background:#262626;color:silver}.light{background:#f6f6f6;color:#666}.App.dark{background:#141414}.App.light{background:#fff}.dark .loading-screen{background:#171717}.dark .center-piece{background:#323232}.dark .loading-bar{background:#199}.light .loading-screen{background:#ddd}.light .center-piece{background:silver}.light .loading-bar{background:#db2e56}.light h1{color:#db2e56}.dark h1{color:#188}.light h2{color:#db2e56}.dark h2{color:#188}.light h3{color:#db2e56}.dark h3{color:#188}.dark button{border:2px solid silver;color:silver}.light button{border:2px solid #666;color:#666}.dark button:hover{border:2px solid #288;color:#5dd}.light button:hover{border:2px solid #db2e56;color:#db0e56}.dark b{color:#188}.light b{color:#db2e56}.Head.dark{background:linear-gradient(180deg,#133,transparent)}.Head.light{background:linear-gradient(180deg,#ddd,transparent)}.about.dark{background:#212121}.about.light{background:#eee}.dark .darken-bg{background:linear-gradient(90deg,#000,#122)}.light .darken-bg{background:linear-gradient(90deg,#fff,#d88)}.dark .nav-btn{color:silver}.light .nav-btn{color:#333}.dark .nav-btn:hover{color:#188}.light .nav-btn:hover{color:#db2e56}.dark .nav-btn-border{border-bottom:2px solid #266}.light .nav-btn-border{border-bottom:2px solid #db2e56}.dark .social-media-icons i{color:#188}.light .social-media-icons i{color:#db2e56}.dark .social-media-icons i:hover{color:#eee}.light .social-media-icons i:hover{color:#333}@media(max-width:800px){.dark .nav{background:#111;box-shadow:0 0 10px 1px #111}.light .nav{background:#eee;box-shadow:0 0 10px 1px silver}}.dark .overlay-head{ox-shadow:-8px 8px 30px 1px #111}.light .overlay-head{ox-shadow:-8px 8px 30px 1px #ddd}.dark .overlay-container{background:#333}.light .overlay-container{background:#eee}.dark .overlay .overlay-section .tech button{background:#222}.light .overlay .overlay-section .tech button{background:#ddd}.dark .nav-icon line{stroke:azure}.light .nav-icon line{stroke:#666}.dark .nav-icon-active .line-1,.light .nav-icon-active .line-1{stroke:#db2e56}.dark .nav-icon-active .line-3,.dark .nav-icon-active:hover .line-1,.light .nav-icon-active .line-3{stroke:#64c8c8}.light .nav-icon-active:hover .line-3{stroke:#db2e56}.dark .form-group input,.dark .form-group textarea{border-bottom:2px solid #444;color:#688}.light .form-group input,.light .form-group textarea{border-bottom:2px solid silver;color:#de5978}.dark .form-group input:focus,.dark .form-group textarea:focus{border-bottom:2px solid #399;color:#388}.light .form-group input:focus,.light .form-group textarea:focus{border-bottom:2px solid #db2e56;color:#db0e56}.dark .hex-grid{opacity:.4}.light .hex-grid{opacity:.2}.dark .hex-top{border-bottom:30px solid #144}.light .hex-top{border-bottom:30px solid #bbb}.dark .hex-body{background:#122}.light .hex-body{background:#de5978}.dark .hex-bot{border-top:30px solid #111}.light .hex-bot{border-top:30px solid #db2e56}.dark .workbox-title{background:linear-gradient(to top right,#222,#133)}.light .workbox-title{background:linear-gradient(to top right,#eee,#d80234);color:#fff}.Head{display:flex;min-height:100vh;pointer-events:none;transition:background .3s ease}.banner{margin:auto;padding-top:50px;padding-bottom:50px;max-width:1020px;width:92%}.Head p{font-size:28px;letter-spacing:1px;line-height:1.5;text-align:left}@media(max-width:1100px){.Head p{font-size:24px}}@media(max-width:767px){.banner{width:96%}.Head p{font-size:20px}}.about{height:100%;padding:3% 15%;position:relative;text-align:center;transition:background .3s ease}.about .text{font-size:22px;line-height:1.8;margin:6px auto;max-width:700px;text-align:left}.about .text i.fa-quote-left{margin-left:-20px;text-align:left;width:100%}.about .text i.fa-quote-right{margin-left:20px;text-align:right;width:100%}.about .flex-container i{color:silver;margin:auto 5px}@media (max-width:1000px){.about-box{width:70%}}@media (max-width:767px){.about{padding:10% 9%}.about-box{margin:6vh auto;width:84%}.about .text{font-size:18px;line-height:1.4}}.work{box-sizing:border-box;margin:0 auto;min-height:100vh;text-align:center;padding-bottom:50px;position:relative;z-index:2;transition:background .3s ease}.work-box-container{display:flex;flex-wrap:wrap;justify-content:center;margin:auto;width:80%}@media (max-width:1200px){.work-box-container{width:96%}}.workbox{background:#222;border-bottom-left-radius:12px;border-top-right-radius:12px;color:silver;cursor:pointer;font-size:20px;margin:10px;overflow:hidden;position:relative;width:400px!important;max-width:100%}.workbox,.workbox-img{transition:all .5s ease-out}.workbox-img{background-position:50%;background-size:cover;background-repeat:no-repeat;display:block;object-fit:cover;height:280px;width:100%}.workbox-title{margin:auto;padding:20px 5px;position:relative;z-index:2}.workbox:hover .workbox-img{-webkit-transform:scale(1.1);transform:scale(1.1)}.no-projects{margin-top:50px}@media (max-width:700px){.workbox{margin:10px auto;max-width:90%!important}}@media (max-width:420px){.workbox-img{height:200px}}.filter-container{margin:20px}.filter{display:flex;justify-content:center;flex-wrap:wrap;margin-bottom:20px}.filter-btn{display:table}.filter-btn:hover{ont-size:22px}.filter-btn-active{border:2px solid #266;color:#399;ont-size:22px;margin:2px 8px}@media (max-width:600px){.filter-container{margin:0 0 20px}.filter-btn{font-size:16px}.filter-btn:hover{font-size:18px}}.contact{box-sizing:border-box;position:relative;z-index:2;transition:background .3s ease}.contact p{max-width:60%;margin:0 auto}.contact button{margin-top:10px;width:500px}.contact form{margin-top:100px}.form-group input,.form-group textarea{box-sizing:border-box;background:none;border:none;font-size:18px;margin:20px;padding:5px;width:500px;transition:color .3s ease,border-bottom .3s ease}.hex-grid{position:absolute;bottom:-30%;right:0;transition:opacity .3s ease}.footer{ackground:#1c1c1c;color:#555;font-family:"caveat";font-size:30px;padding-top:8%;padding-bottom:3%;position:relative;transition:background .3s ease}footer .fab{color:#555!important;font-size:30px}footer .fab:hover{color:#111!important;font-size:30px}@media (max-width:600px){.contact{padding:0 4%}.contact p{max-width:90%}.form-group input,.form-group textarea{font-size:16px;margin:10px;width:90%}.contact form{margin-top:40px}.contact button{width:90%}.footer{font-size:20px;padding-top:12%;width:96%}}.hexagon{float:left;margin-left:9px;margin-bottom:-20px}.hex-top{border-left:52px solid transparent;border-right:52px solid transparent;width:0;transition:border-bottom .3s ease}.hex-body{height:60px;width:104px;transition:background .3s ease}.hex-bot{border-left:52px solid transparent;border-right:52px solid transparent;width:0;transition:border-top .3s ease}.hex-row{background:green}.hex-row-even{margin-left:57px}.hex-grid{float:right;margin-top:-300px;margin-right:28px}.nav{background:transparent;display:flex;padding:6vh 5vw;position:fixed;top:0;right:0;left:0;text-align:left;transition:all .5s ease;z-index:8}.nav-btns-container{display:flex;margin:auto auto auto 0}.nav-btn{cursor:pointer;font-size:20px;letter-spacing:1px;margin:auto 40px auto 0;padding:10px 0;transition:all .2s ease-out}.nav-btn-border{margin-top:2px;width:10%;transition:all .2s ease-out}.nav-btn:hover .nav-btn-border{width:100%}.nav-btn.active{color:azure}.nav-btn.active .nav-btn-border{border-bottom:1px solid azure;width:100%}@media(max-width:800px){.nav{display:block;overflow-y:auto;transition:all .3s ease;-webkit-transform:translateX(-100%);transform:translateX(-100%);height:100vh;max-width:400px;width:100%}.nav-active{-webkit-transform:translateX(0);transform:translateX(0)}.nav-active .nav-btn.btn0{transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.nav-active .nav-btn.btn0,.nav-active .nav-btn.btn1{-webkit-transform:translateX(0)!important;transform:translateX(0)!important}.nav-active .nav-btn.btn1{transition:-webkit-transform .7s ease;transition:transform .7s ease;transition:transform .7s ease,-webkit-transform .7s ease}.nav-active .nav-btn.btn2{-webkit-transform:translateX(0)!important;transform:translateX(0)!important;transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease}.nav-btns-container{display:block;margin-top:20%;margin-bottom:10%}.nav-btn{font-size:14px;letter-spacing:3px;margin:10px 5%;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:color .3s ease}.nav-btn:hover{color:#188}.nav-btn-border{border-color:#333;width:100%}.nav-btn-text{margin-left:10px;text-transform:uppercase}.nav a{display:inline}}.logo-container{background:linear-gradient(to top right,tomato 10%,#db2e56 40%,#64c8c8);border-radius:4px;display:inline-flex;margin:auto;padding:1px}.Logo{background:radial-gradient(to top,#111,#011);border:1px solid transparent;border-radius:4px;display:flex;margin:auto;height:38px;width:40px}.Logo div{color:azure;font-size:20px;margin:auto}.social-media-icons{display:flex}.social-media-icons a{display:flex;margin:auto 15px}.social-media-icons i{cursor:pointer;font-size:22px;padding:2px 4px;transition:color .2s ease}@media (max-width:800px){.social-media-icons{justify-content:space-around;argin:auto;margin-right:0;padding:0 30%}}.switch{margin:auto 0 auto 15px;position:relative;display:inline-block;width:50px;height:24px}.switch:hover .slider:before{background-color:#999}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#db3e56}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:#333;z-index:2}input:checked+.slider{background-color:#288}input:focus+.slider{box-shadow:0 0 1px #db3e56}input:checked+.slider:before{background-color:#fff;-webkit-transform:translateX(26px);transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.switch i{cursor:pointer;font-size:14px;position:absolute;z-index:1}.switch .fa-sun{color:#fff;right:5px;top:5px}.switch .fa-moon{color:#333;left:5px;top:5px}.nav-icon{cursor:pointer;font-size:30px;position:fixed;top:3%;right:5%;z-index:9}.nav-icon line{stroke:azure;stroke-width:2px;transition:all .5s ease}.nav-icon-active .line-1{stroke:#db2e56;-webkit-transform:translate(6px) rotate(45deg) skew(-180deg);transform:translate(6px) rotate(45deg) skew(-180deg)}.nav-icon-active .line-2{-webkit-transform:skew(-90deg);transform:skew(-90deg)}.nav-icon-active .line-3{stroke:#64c8c8;-webkit-transform:translate(-11px,6px) rotate(-45deg) skew(180deg);transform:translate(-11px,6px) rotate(-45deg) skew(180deg)}.loading-screen{display:flex;position:fixed;top:0;bottom:0;left:0;right:0;transition:all .3s ease-in-out;z-index:20}.center-piece{margin:auto;width:100%;max-width:100px}.loading-bar{height:3px;width:0;transition:width 1s ease}.loading-bar.loading-bar60{width:60%}.loading-bar.loading-bar100{width:100%;transition:width .1s ease-in}.loading-screen .spinner{color:#177;fill:#177;font-size:40px;margin:auto}.ls-done{display:none;visibility:hidden}.overlay{background:rgba(20,20,20,.7);display:flex;overflow:auto;padding:70px 10px;position:fixed;top:0;right:0;bottom:0;opacity:0;text-align:left;transition:all .1s ease-in-out;visibility:hidden;white-space:nowrap;width:100%;z-index:10}.overlay-active{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;visibility:visible}.overlay-bg{position:absolute;top:0;left:0;right:0;bottom:0}.overlay-head{background-repeat:no-repeat;background-size:cover;background-position:50%;display:flex;margin-bottom:0;padding:30px 20px;position:relative}.overlay-head h1{margin:auto}.overlay-container{font-size:12px;margin:auto;transition:-webkit-transform .1s ease-in-out;transition:transform .1s ease-in-out;transition:transform .1s ease-in-out,-webkit-transform .1s ease-in-out;-webkit-transform:scale(0);transform:scale(0);white-space:pre-wrap;width:80%;max-width:500px;ax-height:90%}.overlay-active .overlay-container{-webkit-animation:bounce .6s 0s;animation:bounce .6s 0s;-webkit-transform:scale(1);transform:scale(1)}.overlay-head .overlay-btn,.overlay-head h1,.overlay-head p{position:relative;z-index:2}.overlay p{font-size:14px;margin:20px 0}.darken-bg{opacity:.9;top:0;left:0;bottom:0;right:0;position:absolute;transition:background .3s ease}.overlay .overlay-section{border-left:1px solid #555;margin:20px;overflow-y:auto;padding-left:20px}.overlay .overlay-section ul{list-style:none}.overlay .overlay-section ul li{font-size:14px;padding:5px 0;transition:padding .3s ease}.overlay .overlay-section ul li:hover{padding:5px}.overlay .overlay-section .tech{display:flex;flex-wrap:wrap}.overlay .overlay-section .tech button{background:#222;border:none;border-radius:2px;cursor:default;font-size:14px;letter-spacing:1px;margin:6px;padding:7px}.overlay-btn{border:2px solid #799;color:#799;font-size:16px;margin:20px 0 20px 20px}.overlay-btn i{font-size:14px;margin-right:4px}@media (max-width:1000px){.overlay{display:inline-block}.overlay-container{box-sizing:border-box}}@media (max-width:600px){.overlay{padding:60px 10px}.overlay h1{font-size:40px;padding:30px 0}.overlay .overlay-head{margin-bottom:0}.overlay-container{width:100%}}.bounce{-webkit-animation:bounce 1s .5s;animation:bounce 1s .5s;-webkit-transform:scale(.85);transform:scale(.85)}@-webkit-keyframes bounce{0%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1.1);transform:scale(1.1)}70%{-webkit-transform:scale(.95);transform:scale(.95)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce{0%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1.1);transform:scale(1.1)}70%{-webkit-transform:scale(.95);transform:scale(.95)}to{-webkit-transform:scale(1);transform:scale(1)}}.parallax{background-size:cover;background-position:50%;background-repeat:no-repeat;position:fixed;-index:-1;height:100vh;width:100vw}#c,.parallax{top:0;bottom:0;left:0;right:0}#c{position:absolute;margin:auto}
/*# sourceMappingURL=main.5d3f86d5.chunk.css.map */