@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap);#navBar .navbar .navbar-nav .dropdown ul,body{background:#0b0c10}#about-me,#references{background:url(/images/Backgrounds/about-me.jpg) 0 0/cover fixed}#navBar .navbar a,.main-project .project-wrapper .project-images .icons .link .icon:hover{color:#f8f7f9!important}body{font-size:20px;font-family:"Open Sans",sans-serif;scroll-behavior:smooth}section{content-visibility:auto;contain-intrinsic-size:auto 900px;padding:80px 0;min-height:100vh;color:#f8f7f9}img{height:100%;width:100%;-o-object-fit:contain;object-fit:contain}h1{color:#63c2e7;font-size:3.5em;margin:0 0 1rem}#introduction .scroll-to-next a,a{text-decoration:none}.loader-container{width:100%;height:100vh;background-color:#000;position:fixed;display:flex;align-items:center;justify-content:center;z-index:9999}.loader-container .loader{width:2em;height:2em;border:5px solid;color:#63c2e7;border-radius:50%;border-top-color:transparent;animation:1.5s linear infinite loader}@keyframes loader{25%{color:#63c2e7}75%{color:#00b2f8}to{transform:rotate(360deg)}}.active{transform:translateY(0);opacity:1}#navBar{position:fixed;z-index:1000;padding:0;background-color:rgba(0,0,0,.6);border-bottom:.5px solid #00b2f8;top:0}@media (min-width:2500px){#navBar .navbar{font-size:1em}}#navBar .navbar .navbar-brand,#navBar .navbar .navbar-nav{display:flex;-moz-column-gap:1rem;column-gap:1rem}#navBar .navbar .navbar-nav .dropdown{display:flex;align-items:center}#navBar .navbar .navbar-nav .dropdown ul li a:hover{background:0 0}#navBar .navbar a{font-size:1em}#navBar .navbar a:hover,.main-project .project-wrapper .project-images .icons .link .icon{color:#63c2e7!important;transition:color .5s}@media (min-width:992px){#navBar .navbar .collapse{display:flex;justify-content:flex-end}}#introduction{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;background:linear-gradient(rgba(0,0,0,.25),rgba(0,0,0,.25)) 0 0/cover,url(/images/Backgrounds/landing-page.jpg) 0 0/cover}#about-me,#introduction .content{flex-direction:column;display:flex}#introduction .content{width:100%;align-items:center;justify-content:center}#introduction .content h1{position:relative;margin:0 0 2rem}@media (min-width:2000px) and (min-height:1080) and (max-width:2500px) and (max-height:1440px){#navBar .navbar{font-size:.9em}#introduction .content h1{font-size:4em}}@media (max-width:992px){#introduction .content h1{font-size:3em}}@media (max-width:772px){#introduction .content h1{font-size:2.5em}}@media (max-width:360px){#introduction .content h1{font-size:2em}}#introduction .content h1 span{position:absolute;content:"";bottom:-1rem;left:0;width:100%;height:2px;background:linear-gradient(90deg,rgba(0,0,0,0) 0,#0095cf 40%,#0095cf 60%,rgba(0,0,0,0) 100%)}#introduction .content p{color:#f8f7f9;font-size:.9em}@media (min-width:2000px) and (min-height:1080) and (max-width:2500px) and (max-height:1440px){#introduction .content p{font-size:1.5em}.section-header{font-size:24px}}@media (max-width:992px){#introduction .content p{font-size:.75em}}@media (max-width:772px){#introduction .content p{font-size:.65em}}@media (max-width:360px){#introduction .content p{font-size:.55em}}@media (max-width:300px){#introduction .content h1{font-size:1.8em}#introduction .content p{font-size:.4em}}#introduction .scroll-to-next{position:absolute;bottom:3.5em;left:50%;transform:translateX(-50%);border:3px solid #00b2f8;border-radius:100%;padding:.5rem;display:flex;justify-content:center;align-items:center;transition:background .3s}#introduction .scroll-to-next i{width:30px;height:30px;font-size:1.5em;color:#63c2e7;display:flex;justify-content:center;align-items:center;transition:color .3s}@media (min-width:2000px){#navBar .navbar a{font-size:1.4em}#introduction .scroll-to-next i{width:40px;height:40px;font-size:2em}#about-me .area .area-text{font-size:20px}}@media (max-width:992px){#introduction .scroll-to-next i{width:25px;height:25px;font-size:1em}}#introduction .scroll-to-next:hover{background-color:#63c2e7}#introduction .scroll-to-next:hover i{color:#0b0c10}#introduction .scroll-to-next::after,#introduction .scroll-to-next::before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";border:1px solid #63c2e7;opacity:1;border-radius:100%;animation:2s infinite forwards pulsing;pointer-events:none}#introduction .scroll-to-next::after{animation-delay:.5s}.section-header{width:100%;height:5em;text-align:center;margin-bottom:2em}@media (max-width:992px){.section-header{font-size:20px}}@media (max-width:772px){.section-header{font-size:18px}}@media (max-width:700px){.section-header{font-size:13px}}@media (max-width:440px){.section-header{font-size:14px}}#about-me{justify-content:center;align-items:center}#about-me .area{padding:0;height:30em;border-radius:.5em .5em 0 0;display:flex}@media (max-width:1600px){#about-me .area{font-size:18px;height:27em}}@media (max-width:992px){#about-me .area,.main-project .project-wrapper .project-text{font-size:13px}}@media (max-width:420px){#about-me .area{height:25em}}#about-me .area .area-image{width:10%;height:100%;border-radius:.5em 0 0;background-color:#00b2f8;opacity:.9;background-size:cover;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-content:center}#about-me .area .area-text{height:100%;border-radius:0 .5em 0 0;background-color:rgba(0,0,0,.6);display:flex;flex-wrap:wrap;text-align:justify;padding:4em}@media (max-width:1200px){#about-me .area .area-image{display:none}#about-me .area .area-text{width:100%;height:-moz-fit-content;height:fit-content;padding:1.5em;font-size:24px}}@media (max-width:772px){#about-me .area .area-text{height:-moz-fit-content;height:fit-content;padding:1.5em;font-size:18px}}@media (max-width:440px){#about-me .area .area-text{height:-moz-fit-content;height:fit-content;padding:1.5em;font-size:18px}}#about-me .area .area-text a,.main-project .project-wrapper .project-text a:hover{color:#63c2e7}#about-me .area .area-text .area-images{width:100%;height:-moz-fit-content;height:fit-content;display:flex;align-content:center;justify-content:center;-moz-column-gap:2em;column-gap:2em}#about-me .area .area-text .area-images img{width:6em;height:6em;transition:transform .25s ease-out}#about-me .area .area-text .area-images img:hover{transform:scale(1.04)}#references{display:flex;align-items:center;justify-content:center;flex-direction:column}#references .reference-wrapper{display:flex;justify-content:space-between;flex-wrap:wrap;-moz-column-gap:1em;column-gap:1em;row-gap:2em}#references .reference-wrapper .reference{background-color:rgba(11,12,16,.8);display:flex;flex:1;flex-basis:300px;flex-shrink:0;flex-direction:column;align-items:center;justify-content:space-between;transition:transform .25s ease-out;row-gap:1.5rem}@media (min-width:1400px){#references .reference-wrapper .reference{flex-basis:300px}}@media (max-width:1000px){#references .reference-wrapper .reference{font-size:1.1em}}@media (max-width:750px){#references .reference-wrapper .reference{font-size:1.5em}}@media (max-width:500px){#references .reference-wrapper .reference{font-size:1.1em}}@media (max-height:720px){#about-me .area{font-size:15px}#references .reference-wrapper .reference{flex-basis:200px;font-size:1.1em}}#references .reference-wrapper .reference:hover{transform:scale(1.015)}#references .reference-wrapper .reference .reference-image{width:100%;min-height:180px}#references .reference-wrapper .reference .reference-image img{-o-object-position:top;object-position:top;border-radius:.4em .4em 0 0}#references .reference-wrapper .reference .reference-header{display:flex;justify-content:center}#references .reference-wrapper .reference .reference-header h2{color:#63c2e7;text-align:center;font-size:1.3em}#references .reference-wrapper .reference .reference-info{font-size:.8em;text-align:justify;min-height:70px;padding-left:2em;padding-right:2em;height:80px}@media (max-height:480px){#references .reference-wrapper .reference{font-size:.9em;row-gap:0}#references .reference-wrapper .reference .reference-info{font-size:.9em;height:-moz-fit-content;height:fit-content;padding-bottom:0}#references .reference-wrapper .reference .reference-info p{margin-bottom:0}}#references .reference-wrapper .reference .reference-buttons{display:flex;-moz-column-gap:2rem;column-gap:2rem;padding:0 0 1em}#references .reference-wrapper .reference .reference-buttons .reference-button{background-color:#0b0c10;color:#63c2e7;border-radius:.5em;border:1px solid #00b2f8;outline:0;transition:.25s ease-out;padding:.5em}#references .reference-wrapper .reference .reference-buttons .reference-button:hover{background-color:#00b2f8;color:#f8f7f9}footer{width:100%;height:6.6169vh;border-top:.5px solid #00b2f8;display:flex;align-items:center;justify-content:center}footer p{color:#fff;padding-top:1rem}@media (min-width:2000px){footer p{font-size:1.2em}}@media (max-width:440px){footer p{font-size:.9em}}@media (max-width:360px){#introduction .scroll-to-next i{width:15px;height:15px;font-size:.8em}.section-header{font-size:9px}#about-me .area{height:20em}#about-me .area .area-text{height:-moz-fit-content;height:fit-content;padding:1.5em;font-size:14px}footer p{font-size:.8em}}@keyframes pulsing{0%{opacity:1}100%{transform:scale(1.8);opacity:0}}.main-project{background:url(/images/Backgrounds/about_me_projects.jpg) 0 0/cover fixed}.main-project .project-wrapper{height:33em;display:flex;justify-content:center;flex-direction:column;flex-direction:row;background:rgba(11,12,16,.8);border-radius:.5em .5em 0 0}@media (min-height:750px){.main-project .project-wrapper{font-size:.8em;height:auto}.main-project .project-wrapper .project-images .project-image-1{height:12em}}@media (min-width:1920px){.main-project .project-wrapper{height:32em;font-size:1em}}@media (max-width:1280px){.main-project .project-wrapper{height:30em}}@media (max-width:990px){#about-me .area .area-text .area-images img{display:none}.main-project .project-wrapper{height:auto}}@media (max-width:360px) and (max-height:640px){.main-project .project-wrapper{height:auto}}.main-project .project-wrapper .project-text{width:60%;height:100%;padding:1em;text-align:justify}@media (max-height:720px){.main-project .project-wrapper .project-text{font-size:14px}}@media (max-width:440px){.main-project .project-wrapper .project-text{font-size:11.25px}}@media (max-width:360px) and (max-height:480px){.main-project .project-wrapper{height:auto}.main-project .project-wrapper .project-text{font-size:10px}}.main-project .project-wrapper .project-text a{text-decoration:none;color:#fff;font-weight:700;transition:color .5s}.main-project .project-wrapper .project-text h2{margin-top:1.5em;font-weight:700;font-size:1.25em}.main-project .project-wrapper .project-images{width:40%;height:auto}@media (max-width:1200px){#about-me .area .area-text .area-images img{width:6.5em;height:6.5em}.main-project .project-wrapper .project-text{width:100%}.main-project .project-wrapper .project-images{display:none}}.main-project .project-wrapper .project-images .project-image-1,.main-project .project-wrapper .project-images .project-image-2{margin:1em;transition:transform .5s}.main-project .project-wrapper .project-images .project-image-1:hover,.main-project .project-wrapper .project-images .project-image-2:hover{transform:scale(1.05)}@media (min-height:750px){.main-project .project-wrapper .project-images .project-image-2{height:12em}}.main-project .project-wrapper .project-images .icons{display:flex;align-items:center;justify-content:center;-moz-column-gap:2em;column-gap:2em}.main-project .project-wrapper .project-images .icons .link{font-size:50px;text-align:center}