@import url(https://fonts.googleapis.com/css?family=Roboto&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{margin:0;font-family:"Roboto",sans-sarif;padding:0;box-sizing:border-box}body{min-height:800px;scroll-behavior:smooth}body,header{background:#000}header{position:fixed;top:0;left:0;width:100%;height:100%;display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-align-items:center;align-items:center;transition:.5s}header.sticky{height:60px}header.sticky .banner{opacity:1}header.sticky .logo{position:absolute;font-size:2em;left:100px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}header .banner{opacity:0;top:0;left:0;width:100%;height:100%;object-fit:cover}header .banner,header .logo{position:absolute;transition:1s}header .logo{font-family:"Gill Sans","Gill Sans MT",Calibri,"Trebuchet MS",sans-serif;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:5vw;color:#fff;font-weight:600;text-decoration:none;z-index:1}header .logo:hover{color:green}nav{z-index:1}header ul,nav{position:relative;display:-webkit-flex;display:flex}header ul{transition:.25s;-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}header.sticky ul{position:relative;-webkit-transform:translateX(0);transform:translateX(0);opacity:1;transition-delay:.75s;display:-webkit-flex;display:flex;-webkit-flex-direction:flex-end;flex-direction:flex-end}header ul li{list-style:none}header ul li a{color:#fff;display:inline-block;padding:10px 15px;font-size:1.2em;text-decoration:none;transition:.5s}header ul li a:hover{color:green;font-size:1.5em}.about-section{margin-top:50vh;display:-webkit-flex;display:flex;-webkit-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-justify-content:center;justify-content:center;-webkit-align-items:space-between;align-items:space-between;width:100%;min-height:600px;background-color:#fff;border-bottom:2px solid transparent}em{color:#ff9d00}.info{max-width:50%;-webkit-flex:50% 1;flex:50% 1;padding-left:20px;padding-top:50px;padding-bottom:20px}.about-section h2{font-family:"Gill Sans","Gill Sans MT",Calibri,"Trebuchet MS",sans-serif;color:#f2aa4c;width:80%;font-size:3em}.about-section h4{margin-top:10px;width:80%}.about-section p{font-size:1.5em;width:100%;font-family:Open Sans,sans-serif;color:#000;-webkit-animation:infoPara 1.5s ease-out;animation:infoPara 1.5s ease-out}.about-section img{max-width:40%;-webkit-flex:40% 1;flex:40% 1;height:400px;padding:50px;-webkit-animation:infoImage 1.5s linear;animation:infoImage 1.5s linear}.skills-section{padding-top:10vh;background-color:#000;color:#f2aa4c;text-align:center}.skills-section h2{font-family:"Gill Sans","Gill Sans MT",Calibri,"Trebuchet MS",sans-serif;color:#f2aa4c;width:80%;font-size:3em;margin-bottom:50px}.skill-cards{margin-top:10vh;width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap}.skill-card{-webkit-flex-grow:4;flex-grow:4;-webkit-flex-basis:4rem;flex-basis:4rem;border-radius:5;width:300px;height:200px;margin:100px;text-align:center;background:transparent;-webkit-animation:infoPara 1s linear;animation:infoPara 1s linear}.skill-card h3{font-size:1.5em;color:#f2aa4c;margin-bottom:20px}.skill-card img{width:200px;height:200px;object-fit:contain}.projects-section{width:100%;background-color:#eea47f;margin:0;height:auto;text-align:center;border-bottom:2px solid transparent}.projects-section h2{font-size:3em;padding-top:100px;color:#00539c}.project-cards{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;padding-top:50px;-webkit-flex-wrap:wrap;flex-wrap:wrap}.project-card{-webkit-flex:25% 1;flex:25% 1;max-width:25%;box-shadow:4px 4px 8px 4px rgba(0,0,0,.2);border-radius:10px;padding:10px;margin:0 50px 50px;text-align:center;font-family:arial;background-color:#00539c;width:100%;height:auto}.project-card img{width:100%;height:150px;object-fit:contain}.project-card h1{color:#fff}.project-card p{color:#eea47f}.project-card button{border:1px solid #fff;border-radius:10px;outline:0;padding:12px;margin:10px;color:#fff;background-color:#00539c;text-align:center;cursor:pointer;width:70%;font-size:18px;transition:.5s;opacity:.75}.technologies{display:inline}.technologies p{color:#8fbc8f;font-size:1em;margin-top:10px}.technologies b{color:#fff;font-size:1.25em;font-style:none}.project-card button:hover{opacity:1;color:#fff;background-color:green;width:80}.contact-section{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;background-color:#03080a;min-height:500px}.container{width:80%;padding:20px}.container h2{width:100%;color:#45f3ff;font-size:36px;text-align:center;margin-bottom:10px}.container .row100{position:relative;width:100%;display:grid;grid-template-columns:repeat(autofit,minmax(300px,1fr))}.container .row100 .col{position:relative;width:100%;padding:0 10px;margin:30px 0 10px;transition:.5s}.container .row100 .inputBox{position:relative;width:100%;height:40px;color:#45f3ff}.container .row100 .inputBox.textarea textarea,.container .row100 .inputBox input{position:absolute;width:100%;height:100%;background:transparent;box-shadow:none;border:none;outline:none;font-size:18px;padding:0 10px;z-index:1;color:#000}.container .row100 .inputBox .text{position:absolute;top:0;left:0;line-height:40px;font-size:18px;padding:0 10px;display:block;transition:.5s;pointer-events:none}.container .row100 .inputBox input:focus+.text,.container .row100 .inputBox input:valid+.text{top:-35px;left:-10px}.container .row100 .inputBox .line{position:absolute;bottom:0;display:block;width:100%;height:2px;background:#45f3ff;transition:.5s;border-radius:2px;pointer-events:none}.container .row100 .inputBox input:focus~.line,.container .row100 .inputBox input:valid~.line{height:100%}.container .row100 .inputBox.textarea{position:relative;width:100%;height:100px;padding:10px 0}.container .row100 .inputBox.textarea textarea{height:100%;resize:none}.container .row100 .inputBox textarea:focus+.text,.container .row100 .inputBox textarea:valid+.text{top:-35px;left:-10px}.container .row100 .inputBox textarea:focus~.line,.container .row100 .inputBox textarea:valid~.line{height:100%}.container input[type=submit]{border:none;padding:7px 35px;cursor:pointer;outline:none;background:#45feff;color:#000;font-size:18px;border-radius:2px}footer{position:relative;width:100%;height:auto;padding:50px 100px}.footer-container,footer{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap}.footer-container{-webkit-flex-direction:row;flex-direction:row}.social-links{margin-right:30px;margin-top:20px;margin-bottom:20px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.quick-links li,.social-links li{list-style:none}.social-links li a{display:inline-block;width:50px;height:50px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;margin-right:10px;text-decoration:none;border:1px solid #fff;color:#000;border-radius:4px}.social-links li a:hover{background:green}.social-links li a .fa{color:#fff;font-size:20px}.quick-links{position:relative;width:25%}.contact-links h2,.quick-links h2{color:#fff}.quick-links ul li a{color:#999;text-decoration:none;margin-bottom:10px;display:inline-block}.quick-links li a:hover{color:#fff}.contact-links{width:calc(35% - 60px);margin-right:0!important;padding:0}.contact-links .info{position:relative;margin-top:0}.contact-links .info li{display:-webkit-flex;display:flex;margin-bottom:16px}.contact-links .info span{color:#999}.contact-links .info span:first-child{color:#fff;font-size:20px;margin-right:10px}.contact-links .info li a{color:#999;text-decoration:none}.contact-links .info li a:hover{color:#fff}@media (max-width:950px){header{padding:40px}header.sticky .logo{left:40px;font-size:1.5em}header.sticky .banner{opacity:0}header.sticky .toggle{position:fixed;top:20px;right:20px;bottom:20px;width:50px;height:50px;cursor:pointer;border-radius:2px;background:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAAfCAYAAAB3XZQBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjI1ODIxRjY2NkFGRTExRUI4OUJEREQ4MTlGMjlBRUNGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjI1ODIxRjY3NkFGRTExRUI4OUJEREQ4MTlGMjlBRUNGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjU4MjFGNjQ2QUZFMTFFQjg5QkRERDgxOUYyOUFFQ0YiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjU4MjFGNjU2QUZFMTFFQjg5QkRERDgxOUYyOUFFQ0YiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6v3iNAAAAAUklEQVR42uzWwQ3AMAgDwKTqArD/jKyQZguU9Czxv4clPCNijUPzjIMD35V33+wEVJXawMPDw8Pf+WFbV2Vmqg28Vak28PDw8PCGmdr8EP8JMACycwl4xy9+WQAAAABJRU5ErkJggg==);background-size:20px;background-repeat:no-repeat;background-position:50%}header ul{display:none;opacity:0;visibility:hidden}nav{transition:.5s}header.sticky nav ul{transition:0s}nav.active ul{position:fixed;top:80px;left:0;width:100%;height:calc(100% - 80px);background:#000;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;opacity:1;visibility:visible}nav ul li a{font-size:1em}.about-section img{-webkit-flex:50% 1;flex:50% 1;max-width:50%}.about-section .info{-webkit-flex:60% 1;flex:60% 1;max-width:60%}.skills-section h2{margin-top:0}.skills-card{-webkit-flex:30% 1;flex:30% 1;max-width:30%}.skill-card img{width:200px;height:100px;object-fit:contain}.projects-section{text-align:left}.projects-card{-webkit-flex:50% 1;flex:50% 1;max-width:50%}.projects-section h2{margin-left:40px}}@media (max-width:700px){header{padding:40px}.about-section{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;padding:20px;width:100%;border-bottom:2px solid transparent}.about-section .info{max-width:100%;margin:auto}.about-section .info,.about-section img{-webkit-flex:100% 1;flex:100% 1;padding:0}.about-section img{-webkit-align-self:center;align-self:center;max-width:60%;height:200px}.about-section h2{font-size:2em}.about-section p{font-size:1.5em}.skills-section{padding-top:50px;border-bottom:2px solid transparent}.skills-section h2{margin-top:20px;width:80%;font-size:3em}.skill-cards{-webkit-flex:100% 1;flex:100% 1}.skill-card{-webkit-flex-grow:4;flex-grow:4;-webkit-flex-basis:4rem;flex-basis:4rem;border:1px solid transparent;width:200px;height:auto;margin:30px;text-align:center}.skill-card h3{font-size:1.5em}.skill-card img{width:200px;height:100px;object-fit:contain}.projects-section{padding-top:20px}.projects-section h2{margin-bottom:0}.project-card{-webkit-flex:100% 1;flex:100% 1;max-width:60%;height:auto}.contact-links,.quick-links{-webkit-flex:100% 1;flex:100% 1;margin-top:50px}.contact-links span{width:100%}}@-webkit-keyframes infoPara{0%{-webkit-transform:translateY(400px);transform:translateY(400px);opacity:.25}25%{-webkit-transform:translateY(300px);transform:translateY(300px);opacity:.5}50%{-webkit-transform:translateY(150px);transform:translateY(150px);opacity:.75}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes infoPara{0%{-webkit-transform:translateY(400px);transform:translateY(400px);opacity:.25}25%{-webkit-transform:translateY(300px);transform:translateY(300px);opacity:.5}50%{-webkit-transform:translateY(150px);transform:translateY(150px);opacity:.75}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes infoImage{0%{opacity:.25}25%{opacity:.5}50%{opacity:.75}to{opacity:1}}@keyframes infoImage{0%{opacity:.25}25%{opacity:.5}50%{opacity:.75}to{opacity:1}}
/*# sourceMappingURL=main.d5b70943.chunk.css.map */