@font-face{font-family:Mona Sans;font-stretch:75% 125%;font-weight:200 900;src:url(/static/media/Mona-Sans.955a87eb3766a32ac970.woff2) format("woff2 supports variations"),url(/static/media/Mona-Sans.955a87eb3766a32ac970.woff2) format("woff2-variations")}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#e9e9e9;background-color:var(--main-bg-color);margin:0}body,button,input{font-family:Mona Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}li a{transition:.3s}a{text-decoration:none}a:link{color:#5d808f}a:active,a:hover{color:#6cafcc}:root,[data-theme=light]{--main-bg-color:#e9e9e9;--main-bg-color-alpha:#e9e9e9a6;--container-bg-color:#fff;--container-bg-color-alpha:#fffffff2;--border-color:#3232320d;--container-boxshadow:#000;--section-underline:#e9e9e9;--invert-color:#000}[data-theme=dark]{--main-bg-color:#323232;--main-bg-color-alpha:#323232a6;--container-bg-color:#cfcfcf;--container-bg-color-alpha:#cfcfcff2;--border-color:#e9e9e91a;--container-boxshadow:#fff;--section-underline:#323232;--invert-color:#fff}.About{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;.card{background-color:var(--container-bg-color);border:1px solid #d3d3d3;border-radius:12px;margin:30px auto;max-width:1200px;width:80%;&:first-child{margin-top:75px}&:last-child{margin-bottom:75px}.container{margin:0 4%;padding:26px 0;.title{margin:0 auto;position:relative;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;&:after{background-color:var(--main-bg-color);border-radius:10px;bottom:0;content:"";height:1px;left:0;position:absolute;right:0}}.content{margin-top:2%}}}.Profile{display:flex;flex-direction:column;overflow:hidden;.cover{object-fit:cover;object-position:0 40%;width:100%}.content{display:grid;grid-template-columns:50% 50%;margin:0 10%;padding-bottom:30px;.first{.headshot{border:5px solid #fff;border-radius:50%;box-shadow:0 2px 3px 1px #0003;margin-top:-30%;width:200px}h1{font-size:35px;padding-top:3%}h1,h2{margin:0;padding-bottom:2%}h2{font-size:25px}h2,h3{font-weight:400}h3{color:#686868;font-size:18px;margin:0}.company{background-color:var(--main-bg-color);border-radius:8px;color:var(--invert-color);font-size:20px;font-weight:400;margin-bottom:3%;padding:1% 1.8%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;.parentcompany{font-size:16px}}}.second{font-size:20px;letter-spacing:2px;margin:auto 0;text-align:center;.social-container{align-items:center;display:flex;justify-content:space-evenly;a{align-items:center;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.social{transform:scale(1);transition-duration:.3s;width:44px;&:hover{transform:scale(1.2);transition-duration:.3s}}}}}}.Education{.container{display:flex;flex-direction:column;height:100%;.title{font-size:30px;font-weight:400}.content{.school{margin:0 6%}.schoolname{font-size:30px;font-weight:700}.degree{font-size:22px}.year{color:#686868;font-size:20px}.activitiestitle{font-size:20px;margin-top:.5%}.activities{font-size:20px;margin-left:5%}}}}.Skills{.container{display:flex;flex-direction:column;height:100%;.title{font-size:30px;font-weight:400}.content{.info{font-size:20px;margin:0 10%;text-align:center;.section-title{font-size:25px;font-weight:700}.section-text{margin-bottom:2%;&:last-child{margin-bottom:0}}}}}}.Experience{.container{display:flex;flex-direction:column;height:100%;.title{font-size:30px;font-weight:400}.content{display:flex;flex-direction:column;.workedat{font-size:20px;margin:2% 6%;.total{margin-bottom:3%;.date{color:#686868}.companyname{font-size:25px}}.jobdesc{padding-left:5%;position:relative;&:after{border:.5px solid var(--main-bg-color);border-radius:10px;bottom:0;content:"";height:98.5%;left:0;margin:auto 0;position:absolute;top:0}.lead{margin-bottom:2.5%}.pos{margin-bottom:2%}.position{font-size:25px;font-weight:700}.date{color:#686868}.text{line-height:1.5;margin-bottom:0;margin-left:-1%}}}}}}}@media only screen and (max-width:1024px){.About .Profile .content{display:flex;flex-direction:column;text-align:center;.first{.company{margin-left:auto;margin-right:auto}h3{margin-bottom:5%}}.second{font-size:20px;letter-spacing:2px;p{margin:0 0 5%}}}}@media only screen and (max-width:768px){.About{.card{width:90%;&:first-child{margin-top:30px}&:last-child{margin-bottom:30px}}}}.Navbar{background-image:linear-gradient(#08f,var(--container-bg-color));border-bottom:1px solid var(--main-bg-color);display:block;height:60px;left:0;position:-webkit-sticky;position:sticky;right:0;top:0;-webkit-user-select:none;user-select:none;z-index:1;.grid-container{display:grid;grid-template-columns:20% 20% 20% 20% 20%;height:100%;list-style-type:none;margin:0 auto;max-width:1200px;padding:0}#dropdown{-webkit-tap-highlight-color:transparent;display:none;height:100%;div{background-color:#000;border-radius:10px;height:4px;opacity:1;transform:translateY(0) rotate(0deg);transition:transform .5s,opacity .5s;width:80%}}#contents{li{font-size:30px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:auto;opacity:.7;transition:.3s;&:hover,&:last-child{opacity:1}&:hover{transform:scale(1.1);transition:.3s}a{text-decoration:none;&.active{position:relative;&:after{border:1px solid #000;border-radius:10px;bottom:-7px;content:"";height:3px;left:0;margin:0 auto;position:absolute;right:0}}&:link{color:#086086}&:visited{color:#173542}&:hover{opacity:1;transition:.3s}}}button{align-items:center;display:flex;justify-content:center}}}#navmodaloverlay{background-color:#0000004d;bottom:0;height:100vh;left:0;pointer-events:auto;position:fixed;right:0;top:0;visibility:hidden;width:100vw;z-index:2}.apply-filter{filter:invert(100%)}.switch{background-color:var(--main-bg-color);border-radius:1em;display:inline-block;font-size:25px;height:1em;width:2em;input{opacity:0;position:absolute;&:checked+div{transform:translate3d(100%,0,0)}}div{background-color:var(--container-bg-color);border-radius:1em;box-shadow:0 .1em .3em #0000004d;height:1em;width:1em}}.Navbar #mini-info-container{background-color:var(--container-bg-color);border-bottom:1px solid var(--main-bg-color);height:0;overflow:hidden;visibility:hidden;.mini-info{display:flex;flex-direction:row;height:100%;margin:0 auto;max-width:1200px;width:80%;.headshot{align-self:center;border-radius:50%;height:37px;margin-left:4%;width:auto}#textcontainer{align-self:center;display:flex;flex-direction:column;justify-content:space-evenly;margin-left:15px;div:first-child{font-weight:700}}}}.sectionfadein{animation:sectionfadein .5s ease-out forwards;visibility:visible!important}@keyframes sectionfadein{0%{height:0}to{height:40px}}.sectionfadeout{animation:sectionfadeout .5s ease-in}@keyframes sectionfadeout{0%{height:40px;visibility:visible}to{height:0;visibility:hidden}}@media only screen and (max-width:768px){.change-bg-color{background-image:linear-gradient(#08f,var(--container-bg-color-alpha))!important;border-bottom:1px solid var(--main-bg-color)!important}.slide-right{animation:slide-right .5s ease-out}@keyframes slide-right{0%{opacity:0;translate:-10px 0}to{opacity:.7;translate:0 0}}.slide-left{animation:slide-left .5s ease-out}@keyframes slide-left{0%{opacity:0;translate:10px 0}to{opacity:.7;translate:0 0}}.Navbar{background-image:none;border-bottom:none;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:100;#dropdown{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:initial;border-radius:0 0 0 15px;display:flex;flex-direction:column;height:50px;justify-content:space-evenly;margin:0 0 0 auto;padding:1%;pointer-events:auto;width:50px}.grid-container{display:none}#contents{list-style-type:none;margin:0;padding:0;li{font-size:30px;margin:0 auto;padding:2% 0;pointer-events:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;&:first-child{margin-top:35px}&:last-child{margin-bottom:35px}a{text-decoration:none;&:visited{color:#173542}.active{position:relative;&:after{border:1px solid #000;border-radius:10px;bottom:-12px;content:"";height:3px;left:0;margin:0 auto;position:absolute;right:0}}}}}}.Navbar{#dropdown{position:relative;z-index:1}#mini-info-container{overflow:hidden;position:fixed;top:0;width:100%;.mini-info{width:90%;.headshot{height:50px}#textcontainer{align-self:center;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding-right:40px}}}}@keyframes sectionfadein{0%{height:0}to{height:60px}}@keyframes sectionfadeout{0%{height:60px;visibility:visible}to{height:0;visibility:hidden}}.t-overflow{overflow:hidden}.t-visibility{visibility:visible!important}.t-fadeopacity,.t-opacity{opacity:0!important}.t-ftransform{transform:translateY(11px) rotate(-45deg)!important}.t-ltransform{transform:translateY(-15px) rotate(45deg)!important}}@media only screen and (max-width:480px){.Navbar{#mini-info-container{.mini-info{#textcontainer{div:last-child{font-size:12px;line-height:1}}}}}}.Projects{display:flex;flex-direction:column;.container{align-content:center;height:calc(100vh - 61px);.carousel-area{cursor:grab;display:flex;flex-direction:row;height:350px;margin:0 auto;overflow-x:hidden;width:calc(100vw - 60px);#carousel{display:flex;flex-direction:row;gap:30px;position:relative;.carousel-slide{text-decoration:none;width:calc(50vw - 45px);.slide{background-color:var(--container-bg-color);border:1px solid #d3d3d3;border-radius:12px;box-sizing:border-box;display:flex;height:100%;overflow:hidden;text-decoration:none;.info-container{color:#000;position:relative;-webkit-user-select:none;user-select:none;width:70%;z-index:1;@media only screen and (max-width:1024px){width:75%}.fade{height:30px;left:0;position:absolute;right:0;&.top{background:linear-gradient(var(--container-bg-color),#0000);top:-1px}&.bot{background:linear-gradient(#0000,var(--container-bg-color));bottom:-1px}}.info{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:0 25px;h4{color:#686868;font-size:16px;font-weight:400;margin:0;padding-top:20px}a{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;h1{font-size:25px;font-weight:700;margin:10px 0 20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}.flex-container{display:flex;flex-direction:column;height:100%;justify-content:space-between;h2{font-size:18px;line-height:1.4;margin:0 0 20px}h2,h3{font-weight:400}h3{color:#686868;column-gap:25px;display:flex;flex-wrap:wrap;font-size:16px;line-height:1.5;margin:0;padding-bottom:20px}}}}.image{-webkit-user-select:none;user-select:none;width:35%;@media only screen and (max-width:1024px){width:30%}img{height:100%;object-fit:cover;object-position:left;width:100%}}}}}}.progress-bar{background-color:var(--container-bg-color);border-radius:4px;height:8px;margin:30px auto 0;width:calc(100vw - 60px);.progress{background:#08f;border-radius:4px;height:100%;transition:width .3s ease}}}}@media only screen and (max-width:768px){.Projects{.container{height:100vh;.carousel-area,.progress-bar-container{width:100%;#carousel{.carousel-slide{width:100vw}}}}}}.Blog{height:100%;overflow:hidden;position:fixed;width:100%;.container{display:grid;grid-template-columns:25% 50% 25%;height:calc(100% - 61px);width:100%;#tabscolumn{background-color:var(--container-bg-color);display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;#tabs{.blog-post-button{border-radius:15px;cursor:pointer;display:block;font-size:20px;padding:15px 20px;text-align:center;-webkit-user-select:none;user-select:none;&:hover{background-color:var(--main-bg-color);color:var(--invert-color)}}}}.outer-blog-container{background-color:var(--main-bg-color);color:var(--invert-color);margin:50px 0;overflow-y:auto;width:100%;.inner-blog-container{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0 auto;width:90%;#title{font-size:30px;margin:0 auto}#date,#title{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#date{font-size:12px;margin:0 auto 30px}#body{font-size:20px;margin:0;white-space:pre-wrap}}}.photos-container{background-color:var(--container-bg-color);overflow-y:auto;#photos{display:flex;flex-direction:column;row-gap:5px}}}}@media only screen and (max-width:768px){.Blog{position:relative;.container{display:block;height:100%;#tabscolumn{border-bottom:1px solid var(--container-bg-color);overflow:hidden;#tabs{.blog-post-button{align-items:center;border-radius:0;display:flex;justify-content:center;padding:0}}}}.outer-blog-container{border-right:none;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:static;width:100%}}}.Contact{height:100vh;width:100%;#container{background-position:50%;background-repeat:no-repeat;background-size:cover;height:calc(100% - 61px);position:relative;width:100%;#formcontainer{align-items:center;background-color:var(--main-bg-color-alpha);border:1px solid var(--invert-color);border-radius:20px;bottom:0;color:var(--invert-color);display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;left:0;margin:auto;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;pointer-events:none;position:absolute;right:0;top:0;width:50vw;form{padding:0 30px;.sendto{font-size:30px;font-weight:700}.sendto,button{margin:5% auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}button{border-radius:10px;cursor:pointer;display:block;font-size:20px;padding:2% 10%;pointer-events:all;&:hover{filter:invert(100%)}}}.typing-area{grid-row-gap:10px;grid-column-gap:3vw;column-gap:3vw;display:grid;font-size:25px;grid-template-columns:auto auto;row-gap:10px;input,textarea{pointer-events:all}textarea{height:50px;resize:none}}}}}@media only screen and (max-width:768px){.Contact #container{height:100%}}#Sent{display:flex;flex-direction:column;height:100vh;.content{flex:1 1;#container{display:flex;height:100%;.thank-you{background-color:#e9e9e9;border-radius:15px;margin:auto;padding:15px 35px}}}}.PageNotFound{height:100%;position:fixed;width:100%;.container{height:calc(100% - 61px);position:relative;width:100%;.formcontainer{background-image:url(/static/media/Stow_Lake.9d803239ff0c61ca8aba.webp);background-position:0 80%;background-repeat:no-repeat;background-size:cover;border:3px solid var(--invert-color);border-radius:20px;box-shadow:0 0 20px 10px var(--container-boxshadow);width:70vw}.formcontainer,.title{bottom:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:0;margin:auto;position:absolute;right:0;top:0}.title{color:var(--invert-color);font-size:100px;font-weight:700;text-shadow:0 0 20px #fff;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.description{color:#fff;font-size:25px;font-weight:600;margin:3% 5%;position:relative;text-align:center;text-shadow:0 0 5px #000}}}@media only screen and (max-width:768px){.PageNotFound .container{height:100%}}
/*# sourceMappingURL=main.13a37ad3.css.map*/