@font-face{font-family:"Encode Sans";src:url("../fonts/EncodeSans-Black.ttf") format("truetype");font-weight:900}@font-face{font-family:"Encode Sans";src:url("../fonts/EncodeSans-ExtraBold.ttf") format("truetype");font-weight:800}@font-face{font-family:"Encode Sans";src:url("../fonts/EncodeSans-Bold.ttf") format("truetype");font-weight:700}@font-face{font-family:"Encode Sans";src:url("../fonts/EncodeSans-SemiBold.ttf") format("truetype");font-weight:600}@font-face{font-family:"Encode Sans";src:url("../fonts/EncodeSans-Medium.ttf") format("truetype");font-weight:500}@font-face{font-family:"Encode Sans";src:url("../fonts/EncodeSans-Regular.ttf") format("truetype");font-weight:400}@font-face{font-family:"Encode Sans";src:url("../fonts/EncodeSans-Light.ttf") format("truetype");font-weight:300}@font-face{font-family:"Encode Sans";src:url("../fonts/EncodeSans-ExtraLight.ttf") format("truetype");font-weight:200}@font-face{font-family:"Encode Sans";src:url("../fonts/EncodeSans-Thin.ttf") format("truetype");font-weight:100}@font-face{font-family:'icomoon';src:url("../fonts/icomoon.eot") format("embedded-opentype"),url("../fonts/icomoon.ttf") format("truetype"),url("../fonts/icomoon.woff") format("woff"),url("../fonts/icomoon.svg") format("svg");font-weight:normal;font-style:normal;font-display:block}[class^="icon-"],[class*=" icon-"]{font-family:'icomoon' !important;font-weight:400;font-variant:normal;text-transform:none;line-height:1}.icon-keyboard_arrow_down::before{content:"\e901"}.icon-keyboard_arrow_up::before{content:"\e902"}.icon-x::before{content:"\e900"}.icon-menu::before{content:"\e9bd"}.icon-arrow-right::before{content:"\ea3c"}.icon-facebook::before{content:"\ea90"}.icon-instagram::before{content:"\ea92"}.icon-linkedin::before{content:"\eaca"}.icon-github-square::before{content:"\f092"}.icon-arrow-left::before{content:"\ea40"}.icon-check-circle::before{content:"\f058"}.icon-exclamation-circle::before{content:"\f06a"}body{position:relative;margin:0px;padding:0px;font-family:"Encode Sans",sans-serif;font-size:16px;line-height:1.5;font-weight:400;letter-spacing:normal;color:#2c2c2c;background-color:#f8f3f3}.header{margin-left:65px}@media (min-width: 768px){.header{margin-left:245px}}.header.shift{margin-left:215px}.main{margin-left:65px;margin-right:15px}@media (min-width: 768px){.main{margin-left:245px;margin-right:0}}.main.shift{margin-left:150px}*{box-sizing:border-box}a{cursor:pointer;text-decoration:none}a:focus{outline:thin dotted}a:link,a:any-link,a:active,a:focus,a:visited{color:inherit}button{cursor:pointer}input{cursor:text}p{margin:0;font-size:1.0625rem;line-height:1.5625rem;font-weight:400}h1,h2,h3,h4{margin:0;font-weight:600}h1{font-size:2.375rem;line-height:2.875rem}h2{font-size:2rem;line-height:2.375rem}h3{font-size:1.625rem;line-height:1.9375rem}h4{font-size:1.25rem;line-height:1.5rem}p a:hover,h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover{text-decoration:underline;text-decoration-thickness:1.25px}ul{list-style:none;text-decoration:none}strong{font-weight:600}small{font-weight:300}span{font-weight:500}em{font-weight:600;font-style:normal}.hidden{display:none}header{background-image:url("../img/hero.png");background-size:cover;background-repeat:no-repeat;background-position:center;height:100vh;position:relative;color:#000;margin-left:-65px}@media (min-width: 768px){header{margin-left:0;width:100%}}header .Headerimg{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:100%}header .Headerimg .headertext{text-align:center}header .Headerimg .headertext h2{font-size:1.875rem;line-height:2.25rem;padding:5px;margin-bottom:25px}@media (min-width: 768px){header .Headerimg .headertext h2{font-size:2.5rem;line-height:3rem}}header .Headerimg .headertext h4{font-size:1.25rem;line-height:1.5rem;padding:3px}@media (min-width: 768px){header .Headerimg .headertext h4{font-size:1.5rem;line-height:1.8125rem}}header .scrolllink{display:none;position:absolute;bottom:0;left:50%;transform:translate(-50%, 0);margin-bottom:10px}@media (min-width: 576px){header .scrolllink{display:block}}@media (max-height: 400px){header .scrolllink{display:none}}header .scrolllink a{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-size:1.25rem;line-height:1.5rem;font-weight:600;padding:10px 15px}header .scrolllink a span{font-size:1.875rem;line-height:2.25rem;margin-top:5px}header .scrolllink a:hover{background-color:#950606;border-radius:10px;color:#fff}header .scrolllink a:hover span{padding:0;border:1px solid #fff;border-radius:50px}.overlayheader{border-image:linear-gradient(240deg, rgba(112,66,20,0.5) .55%) fill 1}footer{margin:45px 15px 45px 15px;max-width:100%;padding-inline:15px;position:relative;border:2px solid #a11b1b;border-radius:5px;background:linear-gradient(240deg, rgba(140,140,140,0.4) .75%);color:#1c1c1c}@media (min-width: 768px){footer{width:90%;margin:45px 5%}}footer .contactme{display:flex;padding:25px 15px;flex-direction:column;gap:20px;width:100%}@media (min-width: 992px){footer .contactme{flex-direction:row}}footer .contactme .contactdetails{display:flex;flex-direction:column;width:100%}@media (min-width: 992px){footer .contactme .contactdetails{width:50%}}footer .contactme .contactdetails h1{margin-bottom:25px;text-align:center}footer .contactme .contactdetails p{margin-top:0;margin-bottom:10px;font-size:1rem;line-height:1.5rem}@media (min-width: 992px){footer .contactme .contactdetails p{margin-right:10px}}@media (min-width: 1200px){footer .contactme .contactdetails p{margin-right:30px}}footer .contactme .contactdetails p .linebreak1{display:none}@media (min-width: 1200px){footer .contactme .contactdetails p .linebreak1{display:block}}footer .contactme .contactdetails p .linebreak2{display:none}@media (min-width: 1415px){footer .contactme .contactdetails p .linebreak2{display:block}}footer .contactme .contactdetails h3{font-size:1rem;line-height:1.1875rem;font-weight:500;margin-bottom:10px}@media (min-width: 768px){footer .contactme .contactdetails h3{font-size:1.3125rem;line-height:1.5625rem}}footer .contactme .contactdetails h3 a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:0.3rem}@media (min-width: 992px){footer .contactme .contactdetails h3{margin-right:10px}}@media (min-width: 1200px){footer .contactme .contactdetails h3{margin-right:30px}}footer .contactme .formbox{display:flex;align-items:center;flex-grow:1;width:100%}@media (min-width: 992px){footer .contactme .formbox{width:50%}}@media (min-width: 1200px){footer .contactme .formbox{width:40%}}footer .contactme .formbox .contactme-form{display:flex;flex-direction:column;width:100%}footer .contactme .formbox .contactme-form .form-field{width:100%;position:relative}footer .contactme .formbox .contactme-form .form-field .error{color:#C52626;position:absolute;top:5px;right:5px;font-size:1.75rem}footer .contactme .formbox .contactme-form .form-field .success{color:#12a755;position:absolute;top:5px;right:5px;font-size:1.75rem}footer .contactme .formbox .contactme-form .form-field .error-message{color:#C52626}footer .contactme .formbox .contactme-form .name-wrapper{display:flex;flex-direction:row;gap:10px}footer .contactme .formbox .contactme-form .name-wrapper .nametext{margin-top:0;margin-bottom:20px;width:100%}footer .contactme .formbox .contactme-form .hidden-label{display:none}footer .contactme .formbox .contactme-form .formtext{display:inline-flex;margin-bottom:20px;width:100%}footer .contactme .formbox .contactme-form .messagetext{display:inline-flex;height:100px;min-height:100px;width:100%}footer .contactme .formbox .contactme-form .btn-wrapper{display:flex;justify-content:center}footer .contactme .formbox .contactme-form .btn-subtmit{margin:20px 0;display:inline-block;font-size:1.0625rem;line-height:1.625rem;font-weight:400;padding:5px 15px;text-transform:uppercase;border-radius:5px;background-color:#003153;color:#fff}footer .contactme .formbox .contactme-form .btn-subtmit:hover{background-color:#005173}.bottomlink{display:none;position:absolute;bottom:-20%;left:50%;transform:translate(-50%, 0);margin-bottom:10px;padding-bottom:10px}@media (min-width: 576px){.bottomlink{display:block}}@media (min-width: 992px){.bottomlink{bottom:-30%}}.bottomlink a{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-size:1.25rem;line-height:1.5rem;font-weight:600;padding:10px 15px;border-radius:10px;color:#2c2c2c}.bottomlink a span{font-size:1.875rem;line-height:2.25rem;margin-bottom:5px}.bottomlink a:hover{background-color:#950606;color:#fff}.bottomlink a:hover span{border:1px solid #fff;border-radius:50px}.formtext{padding:10px 15px;border-radius:5px;background-color:#AAA;border:1.75px solid #2c2c2c;color:#000;transition:box-shadow 0.5s ease}.formtext::placeholder{color:rgba(10,10,10,0.6);font-size:.875rem}.formtext:focus,.formtext:hover{border:3px solid #003153;box-shadow:inset 0 0 5px rgba(0,0,0,0.05),0 0 8px rgba(95,6,6,0.5);outline:none}section{margin:20px 10px 50px;width:100%;padding:0 15px 0 20px;position:relative;border:2px solid #a11b1b;border-radius:5px;background:linear-gradient(240deg, rgba(120,120,120,0.4) .75%);color:#1c1c1c}@media (min-width: 768px){section{margin:50px 8%;width:85%;padding:0 15px 0 35px}}section .content h1{font-size:3.125rem;line-height:4.375rem;font-weight:700;margin:25px 0 35px;text-align:center;text-shadow:1px 3px 3px #fff}section .content h2{margin-bottom:20px;font-weight:600;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:0.3rem}section .content h3{margin-bottom:25px}section .content p{width:85%;margin-bottom:25px}section .content p a:hover{text-decoration:underline;text-decoration-thickness:1.25px}section .content p strong{font-size:1.25rem;line-height:1.6875rem}section .content .line-break::before{content:'';margin:10px 0}section .content ul{list-style-type:disc}section .content .skills-list{display:flex;Flex-direction:row;gap:25px;padding-inline-start:15px}section .content .skills-list .list-wrapper{display:flex;flex-direction:column}section .content a:hover{text-decoration:underline;text-decoration-thickness:1.25px}.my-projects{margin:0 15px 25px;padding-top:15px}.my-projects .projects{display:flex;flex-wrap:wrap;gap:25px;justify-content:center}.my-projects .projects .projectbox{max-width:100%;width:100%;margin-top:30px;font-size:1rem;color:#2c2c2c;position:relative;display:flex;flex-direction:column;border-radius:3px;border:1px solid #2c2c2c}@media (min-width: 768px){.my-projects .projects .projectbox{width:85%}}@media (min-width: 992px){.my-projects .projects .projectbox{width:45%}}@media (min-width: 1200px){.my-projects .projects .projectbox{width:30%}}.my-projects .projects .projectbox .projectimg{position:relative;width:100%;max-width:100%;display:block;text-align:center;border-bottom:1px solid #2c2c2c}.my-projects .projects .projectbox .projectimg .projectlabel{display:none;background-color:#704214;position:absolute;top:10px;right:0;color:#fff;font-size:.6875rem;font-weight:600;padding:5px 10px;line-height:1.125rem;border-radius:3px 0 0 3px;text-transform:uppercase;z-index:1;cursor:pointer}@media (min-width: 768px){.my-projects .projects .projectbox .projectimg .projectlabel{display:block}}.my-projects .projects .projectbox .projectimg .hidden-project{display:none}.my-projects .projects .projectbox .projectimg .projectlabel:hover{text-decoration:underline}.my-projects .projects .projectbox .projectimg h2{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:250px;font-size:1.5rem;line-height:1.8125rem;color:#999;text-shadow:0px 3px 3px #000;pointer-events:none}@media (min-width: 768px){.my-projects .projects .projectbox .projectimg h2{font-size:2.25rem;line-height:2.6875rem}}.my-projects .projects .projectbox .projectimg img{display:block;height:auto;width:100%;opacity:0.4}@media (min-width: 992px){.my-projects .projects .projectbox .projectimg img{min-height:270px}}@media (min-width: 1200px){.my-projects .projects .projectbox .projectimg img{min-height:250px}}.my-projects .projects .projectbox .projectinfo{display:flex;flex-direction:column;padding:10px 10px 0 15px;color:#2c2c2c;background:linear-gradient(240deg, rgba(120,120,120,0.4) .75%);flex-grow:1}.my-projects .projects .projectbox .projectinfo h2{min-width:0;margin-top:0;padding-top:5px;padding-right:10px;font-size:1.375rem;line-height:1.625rem;font-weight:600;margin-bottom:13px}.my-projects .projects .projectbox .projectinfo p{min-width:0;font-size:1rem;line-height:1.5rem;margin-bottom:25px;padding-right:10px}.my-projects .projects .projectbox .project-btn-box{background:linear-gradient(240deg, rgba(120,120,120,0.4) .75%);padding-left:15px}.my-projects .projects .projectbox .project-btn-box .btn-project{display:inline-flex;font-size:1.0625rem;line-height:2.1875rem;font-weight:400;padding:5px 15px;text-transform:uppercase;border-radius:5px;margin-bottom:20px;align-items:center;justify-content:center;background-color:#003153;color:#fff}.my-projects .projects .projectbox .project-btn-box .btn-project span{margin-left:8px}.my-projects .projects .projectbox .project-btn-box .btn-project:hover{background-color:#005173}.overlayproject{background:linear-gradient(240deg, rgba(112,66,20,0.5) .55%)}.sidebar{position:fixed;display:block;transform:translateX(-1000px);top:0;left:0;width:150px;height:100%;background-color:#2c2c2c;color:#fae7e4;border-right:2px solid #a11b1b;transition:transform 0.5s ease}@media (min-width: 768px){.sidebar{transition:none;transform:translateX(0);width:245px}}.sidebar .sidenav-container{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-size:.875rem;line-height:1.0625rem;font-weight:600}@media (min-width: 768px){.sidebar .sidenav-container{font-size:1.25rem;line-height:1.5rem}}.sidebar .sidenav-container .intials{padding:0 25px;margin:50px 0}@media (orientation: landscape){.sidebar .sidenav-container .intials{margin:10px 0}}.sidebar .sidenav-container .intials a{font-size:3.125rem;line-height:4.6875rem;font-weight:700;display:block;padding:15px 15px;position:relative}.sidebar .sidenav-container .intials a::before{content:'';display:block;height:0;width:0;margin-top:calc((1 - 1.5) * 0.8em)}.sidebar .sidenav-container .intials a::after{content:'';display:block;height:0;width:0;margin-top:calc((1 - 1.5) * 0.6em)}@media (orientation: landscape){.sidebar .sidenav-container .intials a{padding:5px 5px}}.sidebar .sidenav-container .intials a:hover{background-color:#950606;border-radius:10px}.sidebar .sidenav-container .nav-bar{display:flex;flex-direction:column;border-top:2px solid #a11b1b;border-bottom:2px solid #a11b1b}.sidebar .sidenav-container .nav-bar .nav{display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:25px;padding:10px 5px 0 5px;margin:15px 0}@media (orientation: landscape){.sidebar .sidenav-container .nav-bar .nav{margin:10px 0}}@media (min-width: 768px){.sidebar .sidenav-container .nav-bar .nav{padding:10px 20px 0 20px}}.sidebar .sidenav-container .nav-bar .nav .navlink{padding:8px}.sidebar .sidenav-container .nav-bar .nav .navlink:hover{background-color:#950606;border-radius:10px}.sidebar .sidenav-container .contactnav{padding:20px 0 10px;margin:10px 0;border-top:2px solid #a11b1b;line-height:1.1875rem}.sidebar .sidenav-container .contactnav .contactlink{padding:10px}.sidebar .sidenav-container .contactnav .contactlink:hover{background-color:#950606;border-radius:10px}.sidebar .sidenav-container .social-media{border-top:2px solid #a11b1b;border-bottom:2px solid #a11b1b;padding:5px 0 5px}.sidebar .sidenav-container .social-media .socials{display:flex;flex-direction:row;justify-content:center;margin:0;padding:10px 5px}.sidebar .sidenav-container .social-media .socials .sociallink{padding:5px;margin:0 5px}.sidebar .sidenav-container .social-media .socials .sociallink:hover{border:1px solid #fff;border-radius:50px}.sidebar .sidenav-container .closebar{display:none;padding:20px 0;margin:0;border-top:2px solid #a11b1b;line-height:1.1875rem}.sidebar .sidenav-container .closebar .closelink{padding:10px}.sidebar .sidenav-container .closebar .closelink span span{margin-right:5px;line-height:inherit}.sidebar .sidenav-container .closebar .closelink:hover{background-color:#950606;border-radius:10px}.menu{display:flex;flex-direction:column;justify-content:space-between;width:60px;height:55px;position:fixed;top:20px;left:7px;margin-top:0;padding:15px;z-index:1;border-radius:8px;cursor:pointer;transition:left 0.5s ease;background-color:#2c2c2c}.menu .hamburgerline{width:100%;height:5px;background-color:#fae7e4}@media (min-width: 768px){.menu{display:none}}.menu.close{display:none}.sidebar.open{transform:translateX(0)}.footer{margin-top:auto;margin-bottom:15px;display:flex;align-items:center;justify-content:left;text-align:center;color:#1c1c1c;margin-left:3%}@media (min-width: 768px){.footer{margin-left:8%}}.footer p{background:linear-gradient(90deg, rgba(112,66,20,0.5) .5%);border:1px solid #a11b1b;border-radius:10px;padding:15px}.footer p small{font-size:.75rem;line-height:.8125rem}@media (min-width: 768px){.footer-home{margin-left:5%}}.footer.shift{margin-left:5%}