html{scroll-behavior:smooth;--bg-primary:#ff8a6e;--text-primary:#003542;--text-secondary:#283a6b;--bg-secondary:#faeed1;--black:#000;--oxford-blue:#14213d;--orange-web:#fca311;--platinum:#e5e5e5;--white:#fff;--nav-width:5em}body{margin:0;padding:0;background-color:#faeed1;background-color:var(--bg-secondary);font-family:"Poppins","Segoe UI","Roboto","Oxygen",sans-serif;display:-ms-grid;display:grid}body::-webkit-scrollbar{width:.5em}body::-webkit-scrollbar-track{background:#ff8a6e;background:var(--bg-primary)}body::-webkit-scrollbar-thumb{background:#14213d;background:var(--oxford-blue)}h1{font-size:4em}h1,h2{font-weight:700;color:#283a6b;color:var(--text-secondary)}h2{font-size:3em}h3{font-size:1.7em;font-weight:700;color:#14213d;color:var(--oxford-blue)}p{font-size:1.3em;margin-top:.5em;margin-bottom:.5em;color:#003542;color:var(--text-primary)}.navbar{width:5em;width:var(--nav-width);height:100vh;height:100%;position:fixed;background-color:#ff8a6e;background-color:var(--bg-primary);transition:width .2s ease;margin:0;-webkit-user-select:none;-ms-user-select:none;user-select:none;font-family:"Montserrat",sans-serif;border-right-style:solid;border-color:#000;border-color:var(--black)}.navbar-nav{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:center;height:100%;width:100%;justify-content:center}.nav-item{width:100%;margin-bottom:2rem}.nav-link{display:flex;align-items:center;height:5rm;text-decoration:none;color:#003542;color:var(--text-primary);justify-content:center}.nav-link .link-text{display:none;margin-left:1em}.nav-link .nav-item-logo{min-width:2em;max-width:3em}.navbar:hover{width:14em;width:calc(var(--nav-width) + 9em)}.navbar:hover,.navbar:hover .nav-link{justify-content:left}.navbar:hover .nav-item-logo{margin-left:1em}.navbar:hover .link-text{display:block;color:#faeed1;color:var(--bg-secondary);font-weight:900;font-size:large}.nav-item:hover{background:rgba(155,75,55,.157);box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);border-style:solid;border-radius:.3em;border-color:#000;border-color:var(--black)}.nav-item:hover .link-text{font-size:larger}.nav-item:hover .nav-item-logo{max-width:3.7em;width:10em}.banner-text{text-align:left;margin-top:10em;margin-left:15em;margin-left:calc(var(--nav-width) + 10em);min-height:100vh}.contact-me{font-size:1.3em;display:inline-block;margin-top:5em;margin-bottom:5em;padding:.5em 1em;border-style:solid;border-color:#14213d;border-color:var(--oxford-blue);border-radius:2em;-webkit-user-select:none;-ms-user-select:none;user-select:none;background-color:#ff8a6e;background-color:var(--bg-primary);color:#fff8de;text-decoration:none;text-align:center;text-transform:uppercase;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.banner-background{top:0;position:fixed;background:#faeed1;background:var(--bg-secondary);width:100vw;height:100vh;z-index:-1}.circles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.circles li{position:absolute;display:block;list-style:none;width:20px;height:20px;background:#ff8a6e;background:var(--bg-primary);-webkit-animation:animate 25s linear infinite;animation:animate 25s linear infinite;bottom:-150px;border-style:solid;border-color:#14213d;border-color:var(--oxford-blue)}.circles li:first-child{left:25%;width:80px;height:80px;-webkit-animation-delay:0s;animation-delay:0s}.circles li:nth-child(2){left:10%;width:20px;height:20px;-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-duration:12s;animation-duration:12s}.circles li:nth-child(3){left:70%;width:20px;height:20px;-webkit-animation-delay:4s;animation-delay:4s}.circles li:nth-child(4){left:40%;width:60px;height:60px;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-duration:18s;animation-duration:18s}.circles li:nth-child(5){left:65%;width:20px;height:20px;-webkit-animation-delay:0s;animation-delay:0s}.circles li:nth-child(6){left:75%;width:110px;height:110px;-webkit-animation-delay:3s;animation-delay:3s}.circles li:nth-child(7){left:35%;width:150px;height:150px;-webkit-animation-delay:7s;animation-delay:7s}.circles li:nth-child(8){left:50%;width:25px;height:25px;-webkit-animation-delay:15s;animation-delay:15s;-webkit-animation-duration:45s;animation-duration:45s}.circles li:nth-child(9){left:20%;width:15px;height:15px;-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-duration:35s;animation-duration:35s}.circles li:nth-child(10){left:85%;width:150px;height:150px;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-duration:11s;animation-duration:11s}@-webkit-keyframes animate{0%{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg);opacity:1;border-radius:0}to{-webkit-transform:translateY(-1000px) rotate(2turn);transform:translateY(-1000px) rotate(2turn);opacity:0;border-radius:50%}}@keyframes animate{0%{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg);opacity:1;border-radius:0}to{-webkit-transform:translateY(-1000px) rotate(2turn);transform:translateY(-1000px) rotate(2turn);opacity:0;border-radius:50%}}.about-content{text-align:left;margin-top:5em;margin-left:15em;margin-left:calc(var(--nav-width) + 10em);min-height:100vh;margin-bottom:5em}.skill-box{display:flex;flex-direction:row}@media (max-width:1200px){.skill-box{flex-direction:column}.skill-sphere{display:flexbox;color:#ff8a6e;color:var(--bg-primary);padding:0;margin:auto;min-width:auto;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}}.skill-content{display:flexbox;padding:2em 2em 2em 0;margin:0;overflow:auto;max-width:35vw;min-width:30vw;-webkit-user-select:none;-ms-user-select:none;user-select:none}.skill-sphere{display:flexbox;min-width:510;color:#ff8a6e;color:var(--bg-primary);padding:0;margin-top:0;margin-left:-1%;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);border-radius:1rem}#skill-canvas{padding:0;margin-left:-5%}.experience-content{text-align:left;margin-top:5em;margin-left:15em;margin-left:calc(var(--nav-width) + 10em);min-height:100vh}.project-card,.work-entry{display:flex;flex-direction:row;margin-bottom:3rem;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);margin-right:2em;border-radius:1rem;border:.5rem solid #000;border-color:var(--black)}.project-logo,.work-logo{display:flex;justify-content:center;align-items:center;padding:1rem;border-color:#14213d;border-left-color:var(--oxford-blue);border-bottom-color:var(--oxford-blue);border-right:solid var(--oxford-blue);border-width:.5rem;border-top-color:var(--oxford-blue)}.project-link,.work-link{padding:0;margin:0}.project-img,.work-img{width:10rem;border-radius:1rem;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);justify-content:center}.work-img:hover{-webkit-transform:scale(1.03);transform:scale(1.03)}.project-content,.work-content{margin-left:1rem;width:100%}.job-info{display:flex;flex-direction:row}.job-date{margin:0}.job-date,.tech-used{display:flexbox;padding:0}.tech-used{list-style:none inside;margin:0 0 0 auto}.tech-used li{display:inline;padding:.5em 1em;border-radius:20px;margin:1em;color:#fff8de;font-size:.9em;background-color:#283a6b;background-color:var(--text-secondary)}.job-title,.project-title,.tech-used li{box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.job-title,.project-title{padding:.3rem 1rem;background-color:#ff8a6e;background-color:var(--bg-primary);border-radius:2rem;border:.25rem solid #14213d;border-color:var(--oxford-blue);border-right:.25rem var(--oxford-blue);border-top-right-radius:0;border-bottom-right-radius:0}.job-discription,.project-discription{font-family:"Montserrat",sans-serif;font-size:large;font-style:italic;color:#003542;color:var(--text-primary);padding-right:3rem}.projects{text-align:left;margin-top:5em;margin-left:15em;margin-left:calc(var(--nav-width) + 10em);min-height:100vh}.project-img:hover{-webkit-transform:scale(1.03);transform:scale(1.03)}.project-img{width:200px}.contact-section{bottom:0;background:none;text-align:left;margin-top:5em;padding-bottom:3rem;background-color:#ff8a6e;background-color:var(--bg-primary);height:auto;border-color:#e5e5e5;border-color:var(--platinum);border-top:dashed var(--platinum);border-width:.5rem}.contact-intro{text-align:center;margin-left:0;padding-left:0;padding-top:2rem;font-family:"Lato",sans-serif;color:#14213d;color:var(--oxford-blue);font-style:oblique}.contact-list{list-style:none;padding:2rem 0 0;margin:0 .5rem 0 0;flex-wrap:wrap;height:100%;width:100%}.contact-entry,.contact-list{display:flex;flex-direction:row;align-items:center;justify-content:center}.contact-entry{margin:auto;padding:1em;background-color:#003542;background-color:var(--text-primary);border-radius:5em;box-shadow:0 4px 8px 8px rgba(0,0,0,.2),0 8px 20px 10px rgba(0,0,0,.19)}.contact-entry a{text-decoration:none;color:#fff8de;font-weight:700;font-size:1.3rem;margin:auto;padding:1em}.contact-entry img{width:64px}.contact-entry:first-child{margin-left:15em;margin-left:calc(var(--nav-width) + 10em)}.contact-entry:hover{-webkit-transform:scale(1.1);transform:scale(1.1);box-shadow:0 4px 8px 8px rgba(0,0,0,.2),0 8px 20px 10px rgba(0,0,0,.19)}
/*# sourceMappingURL=main.09610dd6.chunk.css.map */