@font-face{font-family:"icomoon";src:url("../font/icomoon.eot?r21d2c");src:url("../font/icomoon.eot?r21d2c#iefix") format("embedded-opentype"),url("../font/icomoon.ttf?r21d2c") format("truetype"),url("../font/icomoon.woff?r21d2c") format("woff"),url("../font/icomoon.svg?r21d2c#icomoon") format("svg");font-weight:normal;font-style:normal;font-display:block}[class^=icon-],[class*=" icon-"]{font-family:"icomoon" !important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-mysql:before{content:"";color:#4479a1}.icon-visualstudiocode:before{content:"";color:#007acc}.icon-visualstudio:before{content:"";color:#5c2d91}.icon-laravel:before{content:"";color:#ff2d20}.icon-php:before{content:"";color:#777bb4}.icon-javascript:before{content:"";color:#f7df1e}.icon-css3:before{content:"";color:#1572b6}.icon-html5:before{content:"";color:#e34f26}.icon-angle-up:before{content:""}.icon-angle-double-up:before{content:""}.icon-sort-asc:before{content:""}.icon-caret-up:before{content:""}.icon-arrow-circle-up:before{content:""}.icon-arrow-up:before{content:""}.icon-chevron-up:before{content:""}.icon-angle-down:before{content:""}.icon-angle-double-down:before{content:""}.icon-sort-desc:before{content:""}.icon-sort-down:before{content:""}.icon-caret-down:before{content:""}.icon-arrow-down:before{content:""}.icon-chevron-down:before{content:""}.icon-envelope-open-o:before{content:""}.icon-paper-plane-o:before{content:""}.icon-send-o:before{content:""}.icon-paper-plane:before{content:""}.icon-send:before{content:""}.icon-envelope-open:before{content:""}.icon-envelope:before{content:""}.icon-github:before{content:""}.icon-linkedin-square:before{content:""}.icon-linkedin:before{content:""}.icon-phone:before{content:""}.icon-map:before{content:""}.icon-map2:before{content:""}.icon-arrow-up2:before{content:""}.icon-arrow-down2:before{content:""}.icon-circle-up:before{content:""}.icon-circle-down:before{content:""}.icon-github1:before{content:""}.icon-windows8:before{content:""}.icon-linkedin1:before{content:""}.icon-linkedin2:before{content:""}.icon-html-five:before{content:""}.icon-html-five2:before{content:""}.icon-css31:before{content:""}*,*:before,*:after{box-sizing:border-box}html,body,div,span,object,iframe,figure,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,code,em,img,small,strike,strong,sub,sup,tt,b,u,i,ol,ul,li,fieldset,form,label,table,caption,tbody,tfoot,thead,tr,th,td,main,canvas,embed,footer,header,nav,section,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;text-size-adjust:none}footer,header,nav,section,main{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input{-webkit-appearance:none;border-radius:0}#background-video{width:2560px;height:1440px;width:100vw;height:100vh;position:fixed;object-fit:cover;left:0;right:0;top:0;bottom:0;z-index:-1}#background-image{width:100vw;height:100vh;position:fixed;z-index:-2;object-fit:cover;left:0;right:0;top:0;bottom:0}#page-wrapper{height:100vh;background-attachment:fixed;position:relative;display:grid;grid-auto-rows:100vh auto auto;grid-template-areas:"banner" "main" "footer"}@media(min-width: 768px){#page-wrapper{grid-auto-rows:100vh auto auto;grid-template-areas:"sidenav banner" "sidenav main" "sidenav footer";grid-template-columns:180px 1fr}}@media(min-width: 992px){#page-wrapper{grid-template-columns:220px 1fr}}@media(min-width: 1200px){#page-wrapper{grid-template-columns:250px 1fr}}*{scroll-behavior:smooth}body{font-family:"Titillium Web","Verdana","Trebuchet MS",sans-serif}.section-title{color:#fff;padding:20px;font-size:30px;text-shadow:0 0 10px #c1cae2}@media(min-width: 576px)and (max-width: 768px){.section-title{font-size:30px}}@media(min-width: 768px){.section-title{font-size:40px}}@media(min-width: 992px){.section-title{font-size:50px}}@media(min-width: 1200px){.section-title{font-size:50px}}.section{background-color:rgba(1,5,13,.9);padding-bottom:100px;display:flex;flex-direction:column;align-items:center;color:#fff}.sidenav{position:fixed;left:0px;top:0px;grid-area:sidenav;background-color:rgba(12,0,104,.1);width:100px;height:100%;backdrop-filter:blur(5px);z-index:1;display:none}@media(min-width: 768px){.sidenav{display:block;width:180px}}@media(min-width: 992px){.sidenav{width:220px}}@media(min-width: 1200px){.sidenav{width:250px}}.sidenav-wrapper{padding-top:30px}.sidenav #initials{font-weight:600;font-size:50px;font-family:Roboto,"Verdana","Trebuchet MS",sans-serif;text-align:center}@media(min-width: 576px)and (max-width: 768px){.sidenav #initials{font-size:60px}}@media(min-width: 768px){.sidenav #initials{font-size:80px}}@media(min-width: 992px){.sidenav #initials{font-size:110px}}@media(min-width: 1200px){.sidenav #initials{font-size:140px}}.sidenav #initials a{text-decoration:none;color:#fff;line-height:100%;text-shadow:0 0 10px #c1cae2;padding:20px;margin-top:20px}.sidenav #initials a:hover{text-shadow:0 0 10px #c1cae2,0 0 10px #c1cae2}.sidenav-menu ul{display:flex;flex-direction:column;align-items:center;gap:5px;margin-top:40px;margin-bottom:10px}.sidenav-menu ul li{width:100%;text-align:center}.sidenav-menu ul li:hover{background-color:rgba(255,255,255,.02)}.sidenav-menu ul li:hover a{color:#c1cae2;text-shadow:none}@media(min-width: 992px){.sidenav-menu ul li{padding-top:10px;padding-bottom:10px}}.sidenav-menu ul li a{color:#728380;font-size:20px;font-weight:400;font-family:"Titillium Web","Verdana","Trebuchet MS",sans-serif;padding:10px 10px;text-decoration:none;text-align:center;display:inline-block}@media(min-width: 576px)and (max-width: 768px){.sidenav-menu ul li a{font-size:22px}}@media(min-width: 768px){.sidenav-menu ul li a{font-size:24px}}@media(min-width: 992px){.sidenav-menu ul li a{font-size:26px}.sidenav-menu ul li a br{content:""}.sidenav-menu ul li a br:after{content:" "}}@media(min-width: 1200px){.sidenav-menu ul li a{font-size:28px}}.sidenav-socials{display:flex;flex-direction:row;justify-content:space-evenly}.sidenav-socials a{text-decoration:none}#w3{width:40px;filter:invert(51%) sepia(15%) saturate(262%) hue-rotate(120deg) brightness(96%) contrast(88%)}#w3:hover{filter:invert(86%) sepia(45%) saturate(405%) hue-rotate(184deg) brightness(92%) contrast(91%);color:#000;fill:#000}@media(min-width: 576px)and (max-width: 768px){#w3{width:38px}}@media(min-width: 768px){#w3{width:42px}}@media(min-width: 992px){#w3{width:46px}}@media(min-width: 1200px){#w3{width:50px}}.bonus{right:0px}.mobilenav{position:fixed;top:0px;grid-area:sidenav;background-color:rgba(12,0,104,.1);width:100%;height:100%;backdrop-filter:blur(7px);z-index:1;display:block;transition:1.4s}.mobilenav-wrapper{padding-top:30px}.mobilenav #initials{font-weight:600;font-size:50px;font-family:Roboto,"Verdana","Trebuchet MS",sans-serif;text-align:center}@media(min-width: 576px)and (max-width: 768px){.mobilenav #initials{font-size:60px}}.mobilenav #initials a{text-decoration:none;color:#fff;line-height:100%;text-shadow:0 0 10px #c1cae2;padding:20px;margin-top:20px}.mobilenav #initials a:hover{text-shadow:0 0 10px #c1cae2,0 0 10px #c1cae2}.mobilenav-menu ul{display:flex;flex-direction:column;align-items:center;gap:5px;margin-top:40px;margin-bottom:10px}.mobilenav-menu ul li{width:100%;text-align:center}.mobilenav-menu ul li:hover{background-color:rgba(255,255,255,.02)}.mobilenav-menu ul li:hover a{color:#ffc800;text-shadow:none}@media(min-width: 992px){.mobilenav-menu ul li{padding-top:10px;padding-bottom:10px}}.mobilenav-menu ul li a{color:#ff9d00;font-size:30px;font-weight:400;font-family:"Titillium Web","Verdana","Trebuchet MS",sans-serif;padding:30px 30px;text-decoration:none;text-align:center;display:inline-block;text-shadow:0 0 15px rgba(0,0,0,.8),0 0 10px rgba(0,0,0,.9),0 0 5px #000}.mobilenav-menu ul li a br{content:""}.mobilenav-menu ul li a br:after{content:" "}@media(min-width: 576px)and (max-width: 768px){.mobilenav-menu ul li a{font-size:38px}}.mobilenav-socials{display:flex;flex-direction:row;justify-content:space-evenly}.mobilenav-socials a{text-decoration:none}.socials-icon{color:#728380;text-decoration:none;font-size:32px}@media(min-width: 576px)and (max-width: 768px){.socials-icon{font-size:38px}}@media(min-width: 768px){.socials-icon{font-size:42px}}@media(min-width: 992px){.socials-icon{font-size:46px}}@media(min-width: 1200px){.socials-icon{font-size:50px}}.socials-icon:hover{color:#c1cae2}#hamburger{top:20px;left:20px;width:50px;z-index:2;display:block;cursor:pointer;border:none;outline:none;background:none;appearance:none;position:absolute;position:fixed;margin-top:-9px}@media(min-width: 768px){#hamburger{display:none}}#hamburger::after,#hamburger::before,#hamburger #burger{content:"";width:100%;height:5px;margin:9px 0;display:block;background-color:#fff;transition:.4s}#banner-section{grid-area:banner;display:none;flex-direction:column;align-items:center;justify-content:center}#banner-overlay{margin:auto}#banner-text{text-align:center;color:#fff;font-weight:500;font-size:50px;font-family:Roboto,"Verdana","Trebuchet MS",sans-serif;text-shadow:0 0 10px #c1cae2;display:block;opacity:1}@media(min-width: 576px)and (max-width: 768px){#banner-text{font-size:80px}}@media(min-width: 768px){#banner-text{font-size:80px}}@media(min-width: 992px){#banner-text{font-size:100px}}@media(min-width: 1200px){#banner-text{font-size:120px}}@keyframes fade{0%{opacity:.1}100%{opacity:1}}.wave{opacity:1;position:relative;display:inline-block;animation:animate 4s ease-in-out infinite}@keyframes animate{0%{transform:translateY(0px)}50%{transform:translateY(-20px)}100%{transform:translateY(0px)}}#banner-subtext{text-align:right;color:#c1cae2;color:#ff9d00;font-weight:200;font-size:30px;border-top:2px solid #ff9d00;font-family:"Titillium Web","Verdana","Trebuchet MS",sans-serif;text-shadow:0 0 15px rgba(0,0,0,.8),0 0 10px rgba(0,0,0,.9),0 0 5px #000}@media(min-width: 576px)and (max-width: 768px){#banner-subtext{font-size:40px}}@media(min-width: 768px){#banner-subtext{font-size:40px}}@media(min-width: 992px){#banner-subtext{font-size:50px}}@media(min-width: 1200px){#banner-subtext{font-size:50px}}#banner-link{margin-bottom:5%;text-align:center;align-self:center;display:block;width:auto;color:#fff;font-size:20px;text-decoration:none;font-weight:100}#banner-link:hover{color:#c1cae2}#banner-gradient{background:linear-gradient(rgba(0, 0, 0, 0), rgba(1, 5, 13, 0.9) 80%);position:absolute;bottom:0;right:0;width:100%;height:200px;z-index:-1}@media(min-width: 576px)and (max-width: 768px){#banner-gradient{width:100%}}@media(min-width: 768px){#banner-gradient{width:calc(100% - 180px)}}@media(min-width: 992px){#banner-gradient{width:calc(100% - 220px)}}@media(min-width: 1200px){#banner-gradient{width:calc(100% - 250px)}}#main{grid-area:main}#portfolio-spacer{height:200px;width:10px}#portfolio-wrapper{display:grid;grid-template-columns:repeat(1, 1fr);width:90vw}@media(min-width: 576px)and (max-width: 768px){#portfolio-wrapper{grid-template-columns:repeat(1, 1fr)}}@media(min-width: 768px){#portfolio-wrapper{grid-template-columns:repeat(2, 1fr);width:70vw}}@media(min-width: 992px){#portfolio-wrapper{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 1200px){#portfolio-wrapper{grid-template-columns:repeat(3, 1fr)}}.portfolio-item{text-align:center;padding:20px;height:auto;width:auto}.portfolio-item__image{height:auto;width:90%;min-width:90%;object-fit:cover;padding:5px;border-radius:10px;border-color:#ff9d00;border-width:2px;border-style:solid}.portfolio-item__title{color:#ff9d00;font-size:20px;padding-bottom:6px}.portfolio-item__link1,.portfolio-item__link2{color:#728380;text-decoration:none;font-size:14px}.portfolio-item__link1:hover,.portfolio-item__link2:hover{color:#c1cae2}.portfolio-item__link1{margin-right:10px}.portfolio-item__link2{margin-left:10px}#contact-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center}#contact-form{display:grid;grid-template-columns:repeat(1, 1fr);gap:20px 20px;padding:20px;min-width:70vw}@media(min-width: 576px)and (max-width: 768px){#contact-form{grid-template-columns:repeat(1, 1fr);gap:20px 20px;padding:20px}}@media(min-width: 768px){#contact-form{grid-template-columns:repeat(2, 1fr);gap:20px 20px;padding:20px}}@media(min-width: 992px){#contact-form{grid-template-columns:repeat(2, 1fr);gap:20px 20px;padding:20px}}@media(min-width: 1200px){#contact-form{grid-template-columns:repeat(2, 1fr);gap:20px 20px;padding:20px}}#contact-form input,#contact-form textarea{background-color:#030f26;background-color:rgba(12,0,104,.1);color:#fff;width:100%;border-radius:5px;border:solid 1px #728380;padding:10px 12px;min-width:200px;box-shadow:none}@media(min-width: 576px)and (max-width: 768px){#contact-form input,#contact-form textarea{padding:10px 15px}}@media(min-width: 768px){#contact-form input,#contact-form textarea{padding:10px 15px}}@media(min-width: 992px){#contact-form input,#contact-form textarea{padding:15px 25px}}@media(min-width: 1200px){#contact-form input,#contact-form textarea{padding:15px 25px}}#contact-form input::placeholder,#contact-form textarea::placeholder{color:#728380}#contact-submit{cursor:pointer}#contact-subject-wrapper,#contact-message-wrapper,#contact-submit{grid-column:span 1}@media(min-width: 768px){#contact-subject-wrapper,#contact-message-wrapper,#contact-submit{grid-column:span 2}}#contact-message{resize:none}#message-area{display:block}#message-area #success-message{display:none}#message-area #fail-message{display:none}#message-area .message-box{padding:15px;margin-bottom:20px;border:1px solid rgba(0,0,0,0);border-radius:2px}#message-area .message-box button{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20);padding:0;cursor:pointer;background:rgba(0,0,0,0);border:0}#message-area .message-box button:focus,#message-area .message-box button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}#message-area .success{background-color:#2ecc71;border-color:#d6e9c6;color:#fff}#message-area .fail{background-color:#f2dede;border-color:#ebccd1;color:#a94442}.missing-field{border:2px solid red}.form-control.has-error{border-color:#d64541}.form-control:invalid{border-color:#d64541}label.required-field:after{content:" *";color:#d24d57}input,textarea{margin-top:12px}#scs-spacer{height:200px;width:10px}#scs-wrapper{display:grid;width:80vw}#scs-wrapper h3{font-size:30px;font-size:2rem;text-align:center;color:#c1cae2;color:#ff9d00;padding:10px;padding-top:30px}#scs-wrapper p{font-size:1em;padding:10px;line-height:1.5em;color:#c1cae2;text-align:center}#scs-wrapper a{text-align:center;font-size:1.3em;text-decoration:none;color:#728380}#scs-wrapper a:hover{color:#c1cae2}#scs-wrapper ul{margin-left:20px;text-align:center}#scs-wrapper ul li{font-size:1em;line-height:1.5em;color:#c1cae2}@media(min-width: 768px){#scs-wrapper{width:70vw}}#footer{grid-area:footer;background-color:rgba(1,5,13,.9);color:#fff}#footer-link{margin-top:100px;margin-bottom:50px;text-align:center;align-self:center;display:block;width:auto;color:#fff;font-size:20px;text-decoration:none;font-weight:100}#footer-link:hover{color:#c1cae2}/*# sourceMappingURL=styles.css.map */