@font-face{font-family:'Quicksand';src:url("/assets/fonts/Quicksand-Light.ttf") format("truetype");font-weight:300}@font-face{font-family:'Quicksand';src:url("/assets/fonts/Quicksand-Regular.ttf") format("truetype");font-weight:500}@font-face{font-family:'Quicksand';src:url("/assets/fonts/Quicksand-Bold.ttf") format("truetype");font-weight:700}@font-face{font-family:'AnonymousPro';src:url("/assets/fonts/AnonymousPro-Regular.ttf") format("truetype");font-weight:500;font-style:normal}@font-face{font-family:'AnonymousPro';src:url("/assets/fonts/AnonymousPro-Italic.ttf") format("truetype");font-weight:500;font-style:italic}@font-face{font-family:'AnonymousPro';src:url("/assets/fonts/AnonymousPro-Bold.ttf") format("truetype");font-weight:700;font-style:normal}@font-face{font-family:'AnonymousPro';src:url("/assets/fonts/AnonymousPro-BoldItalic.ttf") format("truetype");font-weight:700;font-style:italic}body{background-image:url("/assets/images/HexagonPattern.png");background-repeat:repeat;font-family:'Quicksand';font-weight:500;line-height:160%;font-size:13px;color:#5d5d5d;margin:0}h1{font-weight:300;font-size:3em}h3{font-weight:300;font-size:1.5em}button:focus{background-color:#1d73b9 !important}code{white-space:pre-wrap;display:inline-block;background-color:#fbfbfb;padding:3px 15px;border-radius:8px;box-shadow:inset 0 -1px 0px 0px #fff,inset 0 0 2px 0px rgba(0,0,0,0.5),inset 0 0 5px rgba(0,0,0,0.2);color:#5d5d5d;font-family:'AnonymousPro';text-align:left}a:visited,a{text-decoration:none;color:#5d5d5d;transition:.2s ease-in-out}a:hover{text-decoration:none;color:#2081d1}.highlight{background:transparent !important;text-align:center}.footer{background-color:#ffffff;padding:20px;margin-top:100px}.footer p{text-align:center;font-size:0.8em}.navigation{position:fixed;text-align:center;padding:10px 0;background-color:#ffffff;border:5px solid #2081d1;border-top:0;border-left:0;border-bottom:0;border-radius:10px;margin-left:40px}.nav-item{display:block;padding:8px 35px;font-size:1.1em;margin:0;border-radius:10px 0 0 10px}.nav-item:hover,.nav-item-current{color:#ffffff !important;background-color:#2081d1;box-shadow:inset -3px 0px 0px 0px #2081d1,inset 3px 0 8px 0px rgba(0,0,0,0.2)}.navigation nav:hover .nav-item-current:not(:hover){color:#5d5d5d !important;background-color:white;box-shadow:none}.fp-content{text-align:center;background-color:#ffffff;border:5px solid #2081d1;border-top:0;border-right:0;border-bottom:0;border-radius:10px;padding:20px;width:50%;margin:auto;margin-top:100px}.fp-author-img{width:150px;height:150px;border-radius:100%;object-fit:cover;border:1px solid #2081d1;padding:3px;margin-top:-90px}.accounts-container{text-align:right;margin-bottom:0;margin-top:50px;padding:5px}.account-img{width:30px;height:30px;color:#d8d8d8}.account-img path{fill:currentColor;transition:.2s ease-in-out}.pg-content{text-align:justify;background-color:#ffffff;border:5px solid #2081d1;border-top:0;border-right:0;border-bottom:0;border-radius:10px;padding:50px;width:55%;margin:auto;margin-top:100px}.pg-header{position:relative;width:115%;height:250px;margin-left:-50px;margin-top:-50px;margin-bottom:40px}.pg-header-title{position:absolute;top:150px;margin:0}.pg-header-title{padding:20px 25px;background-color:#2081d1;color:#ffffff;border-radius:0 10px 10px 0;box-shadow:inset 5px 0px 0px 0px #2081d1,inset -5px 0 8px 0px rgba(0,0,0,0.2);width:fit-content}.pg-image{width:100%;height:100%;object-fit:cover;border-radius:6px 6px 0 0;object-position:0 -100px}.title h1{margin:60px 0 20px -35px}.title h1::before{content:"</";color:#2081d1;opacity:.2}.title h1::after{content:">";color:#2081d1;opacity:.2}.title hr{opacity:.2}.about-skills{display:flex;align-items:center;justify-content:center}.about-skills>div{margin:0 30px;background-color:#fbfbfb;padding:10px 25px;border-radius:8px;box-shadow:inset 0 -1px 0px 0px #fff,inset 0 1px 5px 0px rgba(0,0,0,0.5),inset 0 0 10px rgba(0,0,0,0.2);color:#5d5d5d;font-family:'AnonymousPro';font-size:.8em;letter-spacing:.1em}.about-skills>div p{margin:5px 0 0 0}.about-skills>div>p{border-top:1px solid #2081d1}.about-icons{display:flex}.contact-form div{display:flex;width:100%;flex-flow:row-reverse}.contact-form div:first-child{flex-flow:row}.contact-form textarea,.contact-form input{padding:15px;width:100%;font-family:'AnonymousPro';font-size:1.2em;letter-spacing:.1em;color:#5d5d5d;margin:10px;background-color:#fbfbfb;border-radius:8px;color:#5d5d5d;border:1px solid #2081d1}.contact-form textarea{min-height:150px;resize:vertical}.contact-form button{padding:10px 30px;font-family:'AnonymousPro';font-size:1.2em;letter-spacing:.1em;color:#ffffff;margin:10px;background-color:#2081d1;border-radius:8px;border:none}.contact-form button:hover{background-color:#5aa1db;box-shadow:inset 0 -1px 0px 0px #fff,inset 0 1px 5px 0px rgba(0,0,0,0.5),inset 0 0 10px rgba(0,0,0,0.2)}.contact-form-info{display:none}.contact-form-successful{color:#035aa0;font-size:1.5em;padding:20px;text-align:center}.contact-form-failed{color:#c10000;font-size:1.2em;font-weight:700;width:100%;text-align:left;align-self:center;margin:10px}.logo-name-container{position:relative;height:50px}.logo-name-container:hover .logo-name-svg{opacity:.05}.logo-name-container:hover .logo-name-overlay{opacity:1}.logo-name-svg{width:50px;height:50px;padding:8px;opacity:1;box-sizing:border-box;transition:.2s ease-in-out}.logo-name-svg path{fill:#5d5d5d}.logo-name-overlay{position:absolute;display:flex;align-items:center;justify-content:center;top:0;bottom:0;left:0;right:0;opacity:0;transition:.2s ease-in-out}.logo-name-text{text-align:center;color:#5d5d5d;font-family:'AnonymousPro';font-size:1.1em;font-weight:700;letter-spacing:.1em;word-break:break-all;line-height:100%}.pf-container{display:flex;flex-flow:wrap;justify-content:space-around}.pf-container>a{position:relative;width:315px;height:185px;margin:10px;background-color:#2081d1d1;border-radius:10px}.pf-container>a>img{width:100%;height:100%;opacity:.05;border-radius:10px;object-fit:cover}.pf-container>a:hover{background-color:#fbfbfb;box-shadow:inset 0 -1px 0px 0px #fff,inset 0 1px 5px 0px rgba(0,0,0,0.5),inset 0 0 10px rgba(0,0,0,0.2)}.pf-project-info{position:absolute;top:0;width:100%;height:100%}.pf-project-info>h2{position:absolute;margin:auto;color:#ffffff;width:100%;text-align:center;top:50%;opacity:1;transform:translate(0, -50%);transition:.2s ease-in-out}.pf-project-info>p:first-child{position:absolute;margin:auto;font-family:"AnonymousPro";color:#ffffff;width:100%;text-align:center;top:10px;opacity:.6;transition:.2s ease-in-out}.pf-container>a:hover .pf-project-info>p:first-child,.pf-container>a:hover h2{opacity:0}.pf-project-details{width:100%;height:100%}.pf-project-details>p:first-child{height:60%;box-sizing:border-box;padding:20px;opacity:0}.pf-container>a:hover .pf-project-details>p:first-child{opacity:1}.pf-container>a:hover>img{opacity:.05}.pf-project-details p{margin:0;text-align:center;transition:.2s ease-in-out}.pf-project-categories{position:absolute;bottom:10px;display:flex;flex-flow:row;width:100%;height:50px;justify-content:center}.pf-project-categories svg{height:100%;fill:white;opacity:.2;margin:0 5px;transition:.2s ease-in-out}.pf-container>a:hover .pf-project-categories svg{opacity:1;fill:#5d5d5d}.pf-container>a:hover{color:#5d5d5d}.pj-content{text-align:justify;background-color:#ffffff;border:5px solid #2081d1;border-top:0;border-right:0;border-bottom:0;border-radius:10px;padding:50px;width:55%;margin:auto;margin-top:100px}.pj-header{position:relative;height:150px;width:115%;margin-left:-50px;margin-top:-50px;margin-bottom:40px}.pj-image{width:100%;height:100%;object-fit:cover;border-radius:6px 6px 0 0}.pj-header-title{position:absolute;margin:0;top:75px}.pj-header-title{padding:20px 25px;background-color:#2081d1;color:#ffffff;border-radius:0 10px 10px 0;box-shadow:inset 5px 0px 0px 0px #2081d1,inset -5px 0 8px 0px rgba(0,0,0,0.2);width:fit-content}.pj-project-info{display:flex;align-items:center;margin-top:-40px;margin-bottom:30px}.pj-project-details{display:flex;width:50%;align-items:center}.pj-project-details p{margin:0}.pj-project-details>a{padding:5px 30px;border:solid 1px #6e5494;border-radius:10px;color:#6e5494;display:flex}.pj-project-details>a>svg path{fill:currentColor}.pj-project-details>a:hover{color:#ffffff;background-color:#6e5494d9}.pj-project-details>div{display:flex}.pj-project-details>div{margin-left:20px}.pj-project-details svg{height:20px;width:20px;margin-right:5px}.pj-project-details svg path{fill:#5d5d5d}.pj-project-categories{display:flex;flex-flow:row;width:50%;justify-content:flex-end;box-sizing:border-box;font-size:.8em}.pj-back-portfolio{display:flex;width:50%;margin:auto;padding:20px}.pj-back-portfolio a{display:flex;padding:5px 30px 5px 20px;border:solid 1px #2081d1;border-radius:10px;color:#2081d1}.pj-back-portfolio a svg{width:20px;height:20px;margin-right:10px}.pj-back-portfolio a svg path{fill:currentColor}.pj-back-portfolio a:hover{color:#ffffff;background-color:#2081d1d9}.project-screenshot-container{display:flex;flex-wrap:wrap;justify-content:center}.project-screenshot{position:relative;width:140px;height:140px;margin:5px 11px;border-radius:11px;background-color:#fbfbfb;border:solid 1px #2081d1}.project-screenshot-placeholder{position:relative;display:inline-block;width:140px;height:140px;margin:5px 11px;background-color:#fbfbfb;border-radius:10px;border:solid 1px #2081d1}.project-screenshot video,.project-screenshot img{object-fit:cover;width:100%;height:100%;border-radius:10px}.project-screenshot video:hover,.project-screenshot img:hover{opacity:0.5;cursor:pointer}.project-screenshot-description-open,.project-screenshot:hover .project-screenshot-description{position:absolute;display:flex;justify-content:center;align-items:center;top:0;left:0;width:100%;height:100%;background-color:#fbfbfbf5;padding:15px;border-radius:10px;box-shadow:inset 0 -1px 0px 0px #fff,inset 0 0 2px 0px rgba(0,0,0,0.5),inset 0 0 5px rgba(0,0,0,0.2);color:#5d5d5d;font-family:'AnonymousPro';font-size:1.1em;text-align:center;box-sizing:border-box;cursor:pointer}.project-screenshot-description{display:none;transition:.2s ease-in-out}@-webkit-keyframes zoom{from{padding:500px}to{padding:20px}}@keyframes zoom{from{padding:500px}to{padding:20px}}.project-screenshot-fullscreen{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:contain;padding:20px;background-color:#000000AA;box-sizing:border-box;z-index:1000;-webkit-animation-name:zoom;-webkit-animation-duration:.2s;animation-name:zoom;animation-duration:.2s}.highlight .hll{background-color:#ffc}.highlight{background:#ffffff}.highlight .c{color:green}.highlight .err{border:1px solid red}.highlight .k{color:blue}.highlight .ch{color:green}.highlight .cm{color:green}.highlight .cp{color:blue}.highlight .cpf{color:green}.highlight .c1{color:green}.highlight .cs{color:green}.highlight .ge{font-style:italic}.highlight .gh{font-weight:bold}.highlight .gp{font-weight:bold}.highlight .gs{font-weight:bold}.highlight .gu{font-weight:bold}.highlight .kc{color:blue}.highlight .kd{color:blue}.highlight .kn{color:blue}.highlight .kp{color:blue}.highlight .kr{color:blue}.highlight .kt{color:#2b91af}.highlight .s{color:#a31515}.highlight .nc{color:#2b91af}.highlight .ow{color:blue}.highlight .sa{color:#a31515}.highlight .sb{color:#a31515}.highlight .sc{color:#a31515}.highlight .dl{color:#a31515}.highlight .sd{color:#a31515}.highlight .s2{color:#a31515}.highlight .se{color:#a31515}.highlight .sh{color:#a31515}.highlight .si{color:#a31515}.highlight .sx{color:#a31515}.highlight .sr{color:#a31515}.highlight .s1{color:#a31515}.highlight .ss{color:#a31515}