html{height:-webkit-fill-available}body,html{background-color:#fff;overflow-x:hidden}body{font-family:Roboto,Helvetiva,Sans-Serif;margin:0;text-transform:uppercase;box-sizing:border-box;width:100vw;color:#000;min-height:100vh;min-height:-webkit-fill-available}h2{font-size:34px}h3{font-size:32px;font-weight:900}h4{font-size:22px;font-weight:700}a{color:#000}a:hover{color:#006cff}hr{border-top:1px solid #ccc;opacity:1}#navbar{z-index:2;position:fixed;top:0;width:100vw;border-bottom:1px solid #ccc;background-color:#fff}#navbar .navbar-toggler{height:40px;border:none}#navbar .logo{height:30px}#navbar .active{font-weight:500}#welcome-nav{z-index:10;position:absolute;right:15px;bottom:0;text-align:right}#welcome-nav li{margin-left:20px}.nav ul{padding:0}.nav li{display:inline;list-style-type:none}#welcome-section{height:100vh;height:calc(var(--vh, 1vh)*100);min-height:700px;background:linear-gradient(45deg,#ecf0f5,#cfe1fc);color:#000;position:relative;z-index:3}#welcome-section #title{font-size:67px;font-weight:900;margin:15px;padding:0;position:absolute;top:0;left:0}#welcome-section #circle-decoration,#welcome-section #logo{position:absolute;right:20px;top:20px}#welcome-section #circle-decoration{background:transparent;display:flex;justify-content:center;align-items:center;transform-origin:center;transform:translate(45%,-48%);z-index:-1}#welcome-section #circle-decoration div{border-radius:50%;position:absolute}#welcome-section #circle-decoration .one{background:#9cbef2;height:400px;width:400px}#welcome-section #circle-decoration .two{background:#aecbf5;height:800px;width:800px}#welcome-section #circle-decoration .three{background:#c5daf7;height:1200px;width:1200px}#welcome-section hr{position:absolute;bottom:-17px;width:100vw}#welcome-section .links{visibility:hidden;position:absolute;bottom:0;margin:15px}#welcome-section #description{position:absolute;bottom:0;right:15px;margin-bottom:50px;z-index:10;text-align:right;display:flex;justify-items:flex-end;align-items:stretch}#welcome-section #description h2{font-size:18px;font-weight:600;margin:15px}#welcome-section #description b{color:#006cff}#welcome-section #description .indentation{position:relative;right:10%}#welcome-section #description #decoration{width:5px;margin:20px 0;background-color:#006cff}.links a{margin-right:15px}#projects-section{position:relative}#projects-section #projects-intro{display:flex;flex-direction:column;margin-bottom:80px}#projects-section #projects-intro h2{text-align:center;margin:120px 0 60px}#projects-section #projects-intro p{text-align:center;max-width:1080px;align-self:center;text-transform:none;font-size:24px;margin:0 20px}#projects-section #projects-intro #project-types{display:flex;flex-wrap:wrap;flex-direction:row;align-self:center;justify-content:center}#projects-section #projects-intro #project-types .project-type{max-width:-moz-fit-content;max-width:fit-content;margin:30px 20px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;font-weight:600;color:#000;text-transform:uppercase;cursor:default;transition:all .2s ease-in-out;flex:25% 1;max-width:25%}#projects-section #projects-intro #project-types .project-type:hover{color:#006cff}#projects-section #projects-intro #project-types .project-type h3{font-size:60px}#projects-section #projects-intro #project-types .project-type p{font-size:18px;text-transform:uppercase;font-weight:400}#projects-section #projects-intro .decoration{height:5px;background:#006cff;align-self:center;max-width:300px;width:100%;border-radius:3px}.project-tile{position:relative;display:flex;justify-content:stretch;border-bottom:1px solid #ccc}.project-tile .project-description div{background-color:#fff;height:100%;min-height:300px;padding:20px;position:relative}.project-tile .project-description div .subtitle{opacity:.5;text-transform:uppercase}.project-tile .project-description div h4{margin-top:35px}.project-tile .project-description div p{margin:0;text-transform:none;font-size:18px}.project-tile .project-description div .skills-applied{column-count:2;-webkit-columns:2;-moz-columns:2;margin-bottom:60px}.project-tile .project-description div .description-links{padding:0;margin:0}.project-tile .project-description div .description-links li{display:inline;list-style:none;margin-right:15px}.project-tile .col-6{position:relative}.project-tile .project-image div{margin:20px;height:70vh;min-height:400px;background:linear-gradient(125deg,#ecff00,#9dcc00);box-shadow:5px 5px 15px 1px rgba(0,0,0,.15);border:0 solid;transition:all .2s ease-in-out}.project-tile .project-image div img{object-fit:contain;width:100%;height:100%}.project-tile .project-image div:hover{border:7px solid #006cff;box-shadow:2px 2px 5px 1px rgba(0,0,0,.2)}#resume{border-bottom:1px solid #ccc}#resume h2{margin-top:30px;font-size:45px;font-weight:900}#resume h3{font-size:24px;font-weight:900}#resume h4{font-size:20px}#resume #contacts{margin-top:30px}#resume #contacts div{display:flex;margin-bottom:10px}#resume #contacts div p{margin:0 0 0 10px;font-weight:400;text-transform:none}#resume #contacts div p a{text-decoration:none}#resume #contacts div p a:hover{text-decoration:underline}#resume .profile-description{margin-top:30px}#resume .profile-description p{text-transform:none}#resume .subtitle{opacity:.5}#resume .date-set{opacity:.5;text-align:right}#resume .experience-container,#resume .experience-container .experience-item{margin-top:30px}#resume .experience-container .experience-description{text-align:justify;text-transform:none}#resume .experience-container li{text-transform:none}#resume .education-container{margin-top:50px}#resume .education-container .date-set,#resume .education-container .subtitle{margin-top:10px}#resume .education-container .date-set{text-align:left}#resume .certifications-container{margin-top:50px}#resume .certifications-container .date-set,#resume .certifications-container .subtitle{margin-top:10px}#resume .certifications-container .date-set{text-align:left}#resume .certifications-container a{text-decoration:none}#resume .certifications-container a:hover{text-decoration:underline}#resume #panel-1{padding:20px 20px 0;position:relative}#resume #panel-1 img{min-height:400px;width:100%!important;box-shadow:5px 5px 15px 1px rgba(0,0,0,.15);object-fit:cover}#resume #panel-1 .hide-text{text-indent:100%;white-space:nowrap;overflow:hidden}#resume #panel-1 .skills{margin-top:50px}#resume #panel-2{padding:0 20px 20px}footer{padding:30px;text-align:center;position:relative;min-height:250px}footer p{font-size:24px}footer .links{margin:50px 0;display:flex;flex-wrap:wrap;justify-content:center}footer #copyright{font-size:16px}@media(min-width:576px){#welcome-section #title{font-size:76px}#welcome-section #description h2{font-size:28px}}@media(min-width:768px){#welcome-section #title{font-size:96px}#welcome-section .links{visibility:visible}#welcome-section #description h2{font-size:32px}#projects-section #projects-intro #project-types .project-type{flex:10% 1}#resume #panel-1{border-right:1px solid #ccc}footer .links{left:0}footer #copyright,footer .links{position:absolute;bottom:0;margin:15px}footer #copyright{right:0}}@media(min-width:992px){#welcome-section #title{font-size:96px}#welcome-section .links{visibility:visible}#welcome-section #description h2{font-size:32px}.project-tile{flex-direction:row-reverse;min-height:600px;height:92vh}.project-tile .project-description div{display:flex;flex-direction:column}.project-tile .project-description div .description-links{position:absolute;bottom:15px}.project-tile .project-image{position:relative}.project-tile .project-image div{position:absolute;bottom:0;top:0;left:0;right:0;height:auto}}