@import url(https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@300;700&family=Open+Sans:wght@300;400;700&family=Poppins:wght@100;300;400;700&display=swap);.navbar{background:#131313;font-size:1.2rem;justify-content:center;position:-webkit-sticky;position:sticky;top:0;z-index:999}.navbar,.navbar-container{align-items:center;display:flex;height:80px}.navbar-container{justify-content:space-around;width:1500px}.navbar-logo{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:3rem;justify-self:start;margin-left:20px;text-decoration:none}.heading{color:#08aae0;font-family:Poppins,sans-serif}.nav-menu{grid-gap:10px;display:grid;grid-template-columns:repeat(5,auto);justify-content:end;list-style:none;margin-right:2rem;text-align:center;width:70vw}.nav-item{height:80px}.nav-links{align-items:center;color:#fff;display:flex;font-size:.9em;height:100%;padding:.5rem 1rem;text-decoration:none}.nav-links:hover{border-bottom:5px solid #08aae0;transition:all .2s ease-out}.fa-bars{color:#fff}.menu-icon,.nav-links-mobile{display:none}@media screen and (max-width:960px){.NavbarItems{position:relative}.nav-menu{display:flex;flex-direction:column;left:-100%;position:absolute;top:80px;width:100%}.nav-menu,.nav-menu.active{opacity:1;transition:all .5s ease}.nav-menu.active{background:#131313;left:0;z-index:1}.nav-links{display:table;padding:2rem;text-align:center;width:100%}.nav-links:hover{background-color:#fff;color:#242424}.navbar-logo{left:0;position:absolute;top:0;-webkit-transform:translate(10%,10%);transform:translate(10%,10%)}.menu-icon{cursor:pointer;display:block;font-size:1.8rem;position:absolute;right:0;top:0;-webkit-transform:translate(-100%,60%);transform:translate(-100%,60%)}.fa-times{color:#fff;font-size:2rem}}:root{--bg-light:#f5f5f5;--color-dark:#131313;--color-accent:#08aae0;--color-light:#e6f4f1}*{box-sizing:border-box;font-family:Open Sans,sans-serif;margin:0;padding:0}.html{scroll-behavior:smooth}h1{color:#08aae0;font-size:clamp(.8rem,7vw,3rem);letter-spacing:.3em;padding:2rem 1rem;text-align:center;text-transform:uppercase}h2{font-family:Open Sans Condensed,sans-serif}.btn{background-color:transparent;border:1px solid transparent;font-size:1rem;margin-right:.5rem;padding:.375rem .75rem;text-align:center;text-decoration:none}.btn-outline{border-color:#000;color:#000}.btn-outline:hover{background-color:#000;color:#fff}.btn-outline-dark{background-color:transparent;border-color:#f1f1f1;color:#f1f1f1;margin:1rem;padding:8px 20px;transition:all .3s ease-out}.btn-outline-dark:hover{background:#fff;color:#242424;transition:all .3s ease-out}.internalLink{color:#08aae0}#about{background-color:#131313;background-color:var(--color-dark);color:#e6f4f1;color:var(--color-light);margin:0 auto;padding:1rem;scroll-margin-top:75px}#about p{margin:0 auto;max-width:1000px}#about>p{padding:2rem 1rem}#about a{color:#08aae0;color:var(--color-accent)}#skills{color:#131313;color:var(--color-dark);padding:1rem 1rem 2rem;scroll-margin-top:75px}#skills i{color:#08aae0;color:var(--color-accent);font-size:30px;padding:.8rem 2rem 0 .6rem}.skills-container{display:flex;margin:0 auto;max-width:1200px}.skills-container h2,.skills-container p{padding:.6rem 0}.back,.front{padding:1rem 0}.icon{display:flex}.back-content,.front-content{padding-left:5rem}.skill-logos{align-items:center;display:flex;justify-content:space-between;padding:1.5rem 0}.skill-logos img{background-color:#fff;height:auto;width:2.5em}@media screen and (max-width:992px){.skills-container{display:block}}.socials,.socials i{text-align:center}.socials i{color:#e6f4f1;color:var(--color-light);font-size:20px;padding:10px}.socials i:hover{color:#08aae0;color:var(--color-accent)}#footer{background-color:#131313;background-color:var(--color-dark);color:#aaa;text-align:center}#footer p{font-size:14px;margin:0}.copyright,.socials{padding:.3rem 1rem}@media screen and (max-width:576px){#about,#contact,#project,#skills{padding:.5rem}.back-content,.front-content,.icon{padding-left:1rem}}.scroll-to-top{align-items:center;background:transparent;border-radius:50%;bottom:80px;box-shadow:0 0 10px 5px #ccc;color:#08aae0;color:var(--color-accent);cursor:pointer;display:flex;font-size:50px;height:50px;justify-content:center;position:fixed;right:20px;width:50px}.project{display:flex;margin:2rem;max-width:1000px;padding:2rem 1rem}#projects{margin:0 auto;max-width:1000px;scroll-margin-top:75px}#projects,#projects h1+p{padding:1rem}.project-img img{display:block;-webkit-filter:brightness(70%) grayscale(1);filter:brightness(70%) grayscale(1);height:auto;object-fit:cover;padding:0 1rem;width:100%}.project:hover img{-webkit-filter:brightness(100%) grayscale(0);filter:brightness(100%) grayscale(0)}h3{font-size:1.6em;padding-bottom:.8em}p{font-family:Poppins,sans-serif}.project-content-container{padding:2rem 1rem 0;width:100%}.project-tags{display:flex;flex-wrap:wrap;padding:1rem 0 1rem 1rem}.project-tags li{font-size:.5rem;letter-spacing:.1em;margin-right:2rem;text-transform:uppercase}.project-links{display:flex;justify-content:center}.project-links a{margin:.8em}@media screen and (min-width:768px){.project-content-container,.project-img{display:block;width:50%}}@media screen and (max-width:767px){.project{background-color:#f1f1f1;flex-wrap:wrap}.project-img img{padding:0}}@media screen and (max-width:576px){.project{margin:2rem 0}.project-content-container{padding:2rem 0}}#contact{background-color:#131313;color:#f1f1f1;justify-content:center;padding:1rem 1rem 2rem;scroll-margin-top:75px}#contact,form{align-items:center;display:flex;flex-direction:column}input,textarea{font-size:14px;margin:.5rem;max-width:600px;padding:.5rem;width:70vw}textarea{height:150px}span{color:#ee982b}#work-wrapper{background-color:#131313;color:#e6f4f1}#work{margin:0 auto;max-width:1000px;padding:1rem 4rem 4rem 6rem;scroll-margin-top:75px}span{color:#08aae0}.timeline-item{border-left:1px solid;padding:4em 2em 0;position:relative}.timeline-item p{margin:0;padding:0}.timeline-item:before{content:attr(data-dates);display:block;font-family:Poppins,sans-serif;font-size:1em;font-weight:500;left:2em;margin:0;position:absolute;top:2em}.timeline-item:after{background:#e6f4f1;border-radius:12px;content:"";display:block;height:12px;left:-6px;position:absolute;top:2.4em;width:12px}.timeline-item span{font-weight:700}@media screen and (max-width:576px){#work{padding:.5rem .5rem .5rem 2rem}}#hero{margin:0 auto;max-width:1200px;padding:2rem}.personal{display:flex;justify-content:center}.personal h1{line-height:.9;margin:0;text-align:center;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr}.personal div{align-content:flex-start;display:flex;justify-content:center}.rotate{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.personal img{display:block;height:auto;max-width:300px;width:100%}#avatar{padding:1rem}#personal-text{display:block;padding:2rem 3rem}#personal-text h2:nth-child(2){padding:1rem}#personal-text h2:nth-child(3){padding-left:2rem}@media screen and (max-width:992px){.personal{display:block}.personal>div:first-child{justify-content:flex-start;margin-left:3rem}}@media screen and (max-width:576px){#personal-text{padding:1rem}#personal-text h2{font-size:18px}h1{padding:1rem}#hero{padding:1rem 0}}
/*# sourceMappingURL=main.63fea629.css.map*/