@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";.app{overflow:hidden;background-color:#000;background-image:url(/assets/background-CDv7kWCK.png);background-position:top,2000px;background-repeat:no-repeat,no-repeat;background-size:100% auto}@media only screen and (max-width: 800px){.app{background-size:auto}}.header{background-color:var(--background-dark);position:fixed;height:80px;width:100%;top:0;left:0;z-index:1}.navbar{color:#fff;display:inline-grid;grid-template-columns:33vw 66vw;margin:auto;height:100%;width:100%;border-bottom:3px solid var(--secondary-color);align-items:center}.logo{display:flex;justify-self:center;align-self:center}.logo img{width:auto;height:60px}.nav-menu{height:100%;display:inline-grid;grid-template-columns:50% 50%;align-items:center}.nav-list{justify-self:center;display:flex}.nav-list a{color:#fff}.nav-element{padding:1rem;font-weight:600;font-size:22px;font-family:Chakra Petch,sans-serif}.nav-element a:hover{padding-bottom:3px;border-bottom:3px solid var(--secondary-color);cursor:pointer}.nav-element .active{padding-bottom:3px;border-bottom:3px solid var(--secondary-color)}.nav-links{display:flex;justify-self:center}.icon{display:flex;justify-self:center;align-self:center;padding:0 .5rem;display:block}.icon img{width:auto;height:48px}.hamburger{display:none}.icon:hover{filter:drop-shadow(0 0 .5em #646cffaa)}@media only screen and (max-width: 1200px){.navbar{max-width:100%;display:flex;justify-content:space-between;padding:0 2rem}.hamburger{display:block}.nav-menu{position:fixed;left:-100%;top:80px;display:flex;flex-direction:column;background-color:#000000e6;width:100%;height:100vh;z-index:1;text-align:center;transition:.3s}.nav-list{display:flex;flex-direction:column;margin-bottom:2rem}.nav-menu.active{left:0}.nav-element{margin:1rem 0}}.hero{height:100vh;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;position:relative;margin-top:80px}.hero .content{width:65%;display:flex;flex-direction:column;align-items:left;color:#fff;padding:1rem;border-left:8px solid var(--secondary-color);margin-bottom:80px}@media only screen and (max-width: 800px){.hero .content{width:95%;border-left:none;margin-top:0}.hero .content h1{border-bottom:8px solid var(--secondary-color);padding:0 1rem 1rem;line-height:1}.hero .content h3{padding:1rem 1rem 0;line-height:1}}.about{height:100%;width:100%;margin:auto;display:flex;flex-direction:column;color:#fff;justify-content:center;align-items:center;padding-top:8rem}.about .content{margin-top:4rem;width:65%;padding:2rem;align-items:left;border:5px solid var(--secondary-color);border-radius:25px;box-shadow:5px 5px 5px #000;background-color:var(--box-background)}.about .content h4{font-size:30px;padding:1rem}@media only screen and (max-width: 800px){.about .content{width:85%;padding:1rem}.about .content h4{font-size:18px}}.experience{height:100%;width:100%;margin:auto;display:flex;flex-direction:column;color:#fff;padding-top:8rem}.heading{align-self:center;padding-bottom:1rem;border-bottom:8px solid var(--secondary-color)}.career{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;padding-top:2rem}.otherExperience{display:flex;justify-content:center;align-items:center;margin:4rem}.education{border:5px solid var(--secondary-color);border-radius:25px;background-color:var(--box-background);box-shadow:5px 5px 5px #000}.skills{padding:1rem 2rem}.container{display:flex;justify-content:space-evenly;align-items:center;padding:1rem}.education-info{display:flex;align-items:center;justify-content:left;color:#fff}.education-details{padding-left:1rem}.education-details h2{font-size:24px}.education-details h3{font-size:20px}.education-details h4{font-size:16px}.education-date{font-size:14px;color:#fff}.otherExperience .card{width:120px;height:120px;display:flex;justify-content:center;align-items:center;border-radius:50%;border:5px solid var(--secondary-color);background:var(--box-background);margin:1rem .5rem;box-shadow:5px 5px 5px #000}.education-info .card{background:none;border:none;box-shadow:none}@media only screen and (max-width: 1600px){.otherExperience{flex-direction:column}.education{margin-bottom:1rem}}@media only screen and (max-width: 800px){.skills .container{display:inline-grid;grid-template-columns:50% 50%}.skills .card{margin:1rem 2rem}.otherExperience{margin:2rem 2.2rem}.education-info{flex-direction:column;padding-bottom:1rem}.education-details{padding-top:1rem}.msu-logo{width:120px;height:auto}}.vertical-timeline *{box-sizing:border-box}.vertical-timeline{width:80%;max-width:1170px;margin:0 auto;position:relative;padding:2em 0}.vertical-timeline:after{content:"";display:table;clear:both}.vertical-timeline:before{content:"";position:absolute;top:40px;left:21px;height:80%;width:5px;background:var(--secondary-color)}.vertical-timeline.vertical-timeline--one-column-right:before{right:18px;left:unset}@media only screen and (min-width: 1170px){.vertical-timeline.vertical-timeline--two-columns{width:90%}.vertical-timeline.vertical-timeline--two-columns:before{left:50%;margin-left:-2px}}.vertical-timeline-element{position:relative;margin:2em 0}.vertical-timeline-element>div{min-height:1px}.vertical-timeline-element:after{content:"";display:table;clear:both}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}@media only screen and (min-width: 1170px){.vertical-timeline-element{margin:4em 0}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}}.vertical-timeline-element-icon{position:absolute;top:0;left:0;width:48px;height:48px;border-radius:50%;border:5px solid var(--secondary-color);background:var(--background-dark)}.vertical-timeline--one-column-right .vertical-timeline-element-icon{right:0;left:unset}.vertical-timeline-element-icon svg{display:block;width:24px;height:24px;position:relative;left:50%;top:50%;margin-left:-12px;margin-top:-12px}@media only screen and (min-width: 1170px){.vertical-timeline--two-columns .vertical-timeline-element-icon{width:60px;height:60px;left:50%;margin-left:-30px}}.vertical-timeline-element-icon{-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-icon.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-icon.bounce-in{visibility:visible;-webkit-animation:cd-bounce-1 .6s;-moz-animation:cd-bounce-1 .6s;animation:cd-bounce-1 .6s}@-webkit-keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2)}to{-webkit-transform:scale(1)}}@-moz-keyframes cd-bounce-1{0%{opacity:0;-moz-transform:scale(.5)}60%{opacity:1;-moz-transform:scale(1.2)}to{-moz-transform:scale(1)}}@keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}.vertical-timeline-element-content{position:relative;margin-left:60px;background:var(--box-background);border-radius:1em;padding:1em;border:5px solid var(--secondary-color);box-shadow:5px 5px 5px #000}.vertical-timeline--one-column-right .vertical-timeline-element-content{margin-right:60px;margin-left:unset}.vertical-timeline-element--no-children .vertical-timeline-element-content{background:0 0;box-shadow:none}.vertical-timeline-element-content:after{content:"";display:table;clear:both}.vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline-element-content p{font-size:16px;font-size:.8125rem;font-weight:500}.vertical-timeline-element-content .vertical-timeline-element-date{display:inline-block;color:#fff;font-weight:700}.vertical-timeline-element-content p{margin:1em 0 0;line-height:1.6;color:#fff}.vertical-timeline-element-title{color:#fff;font-size:28px;margin:0}.vertical-timeline-element-subtitle{color:#fff;font-size:24px;margin:0}.vertical-timeline-element-content .vertical-timeline-element-date{float:left;padding:.8em 0}.vertical-timeline-element-content-arrow{content:"";position:absolute;top:14px;right:100%;height:14px;width:10px;border:7px solid transparent;border-right:12px solid var(--secondary-color)}.vertical-timeline--one-column-right .vertical-timeline-element-content-arrow{content:"";position:absolute;top:14px;right:unset;left:100%;height:0;width:0;border:7px solid transparent;border-left:7px solid #fff}.vertical-timeline--one-column-right .vertical-timeline-element-content:before{left:100%;border-left:7px solid #fff;border-right:unset}.vertical-timeline-element--no-children .vertical-timeline-element-content:before{display:none}.vertical-timeline-element--no-children .vertical-timeline-element-content-arrow{display:none}@media only screen and (min-width: 768px){.vertical-timeline-element-content h2{font-size:20px;font-size:1.25rem}.vertical-timeline-element-content p{font-size:16px;font-size:1rem}.vertical-timeline-element-content .vertical-timeline-element-date{font-size:14px;font-size:.875rem}}@media only screen and (min-width: 1170px){.vertical-timeline--two-columns .vertical-timeline-element-content{margin-left:0;padding:1.5em;width:44%}.vertical-timeline--two-columns .vertical-timeline-element-content-arrow{top:24px;left:100%;transform:rotate(180deg)}.vertical-timeline--two-columns .vertical-timeline-element-content .vertical-timeline-element-date{position:absolute;width:100%;left:124%;top:6px;font-size:16px;font-size:1rem}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content{float:right}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{top:20px;left:auto;right:100%;transform:rotate(0)}.vertical-timeline--one-column-right .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--one-column-right .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{top:24px;left:100%;right:auto;transform:rotate(0)}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content .vertical-timeline-element-date{left:auto;right:124%;text-align:right}}.vertical-timeline--animate .vertical-timeline-element-content.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{visibility:visible;-webkit-animation:cd-bounce-2 .6s;-moz-animation:cd-bounce-2 .6s;animation:cd-bounce-2 .6s}@media only screen and (min-width: 1170px){.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content.bounce-in,.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2-inverse .6s;-moz-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s}}@media only screen and (max-width: 1169px){.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{visibility:visible;-webkit-animation:cd-bounce-2-inverse .6s;-moz-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s}}@-webkit-keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px)}to{-webkit-transform:translateX(0)}}@-moz-keyframes cd-bounce-2{0%{opacity:0;-moz-transform:translateX(-100px)}60%{opacity:1;-moz-transform:translateX(20px)}to{-moz-transform:translateX(0)}}@keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px);-moz-transform:translateX(-100px);-ms-transform:translateX(-100px);-o-transform:translateX(-100px);transform:translate(-100px)}60%{opacity:1;-webkit-transform:translateX(20px);-moz-transform:translateX(20px);-ms-transform:translateX(20px);-o-transform:translateX(20px);transform:translate(20px)}to{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translate(0)}}@-webkit-keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px)}to{-webkit-transform:translateX(0)}}@-moz-keyframes cd-bounce-2-inverse{0%{opacity:0;-moz-transform:translateX(100px)}60%{opacity:1;-moz-transform:translateX(-20px)}to{-moz-transform:translateX(0)}}@keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px);-moz-transform:translateX(100px);-ms-transform:translateX(100px);-o-transform:translateX(100px);transform:translate(100px)}60%{opacity:1;-webkit-transform:translateX(-20px);-moz-transform:translateX(-20px);-ms-transform:translateX(-20px);-o-transform:translateX(-20px);transform:translate(-20px)}to{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translate(0)}}.projects{height:100%;width:100%;margin:auto;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:8rem}.projects .container{width:75%;padding:4rem}.projects .card{margin:0rem 2rem 3rem;padding:2rem 1rem;border:5px solid var(--secondary-color);border-radius:25px;background-color:var(--box-background);box-shadow:5px 5px 5px #000}.card-contents{margin-top:.5rem;padding:1rem;border-top:3px solid var(--secondary-color);display:flex;justify-items:space-between;align-items:center;opacity:1}.card-contents img{border-radius:25px;box-shadow:5px 5px 5px #000}.card-details{padding:1rem;display:flex;flex-direction:column;align-content:space-between;line-height:1.4}.card-details p{margin:.5em;font-size:18px}.card-details a{margin:.5em;font-size:16px;font-weight:700}@media only screen and (max-width: 1600px){.card-contents{flex-direction:column;padding:2rem 0 0}.projects .card{width:80vw}.card-contents img{width:70vw;height:auto}.card-details{padding:1rem 0 0}}.contact{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;margin-bottom:4rem;padding-top:8rem}.contactForm{display:flex;flex-direction:column;padding-top:3rem}input,textarea,button{width:50vw;min-width:350px;margin:10px 0;background:var(--box-background);color:#fff;border:3px solid var(--secondary-color);border-radius:15px;box-shadow:5px 5px 5px #000;padding:1rem;font-size:18px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}textarea{min-height:350px}button:hover{cursor:pointer}.footer{background-color:var(--background-dark);height:120px;width:100%;border-top:3px solid var(--secondary-color);display:flex;justify-content:center}.credits{padding:1rem;display:flex;justify-content:center;align-content:center;width:50vw}.credits h4{color:#fff;align-self:center;font-size:20px}.footer .logo{will-change:filter;transition:filter .3s;height:48px;width:auto;padding:0 1rem}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}.technologies,.hosting{width:50%;display:flex;justify-content:center;align-items:center;padding:2rem}.technologies ul{display:flex;align-items:center}.technologies li{align-items:center;justify-content:center}.logo{will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 .5em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 .5em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){.technologies li:nth-of-type(1) .logo{animation:logo-spin infinite 20s linear}}@media only screen and (max-width: 800px){.footer .logo{height:40px;width:auto}.footer h4{font-size:18px;padding-bottom:.5rem}.credits{width:100%;padding-bottom:2rem}.technologies,.hosting{flex-direction:column;justify-content:center;align-items:center}}:root{--background-light: white;--background-dark: #141414;--primary-color: #5bb462;--primary-dark: #4f9c55;--secondary-color: #00ff00;--secondary-dark: #e3d002;--box-background: rgba(20, 20, 20, .8)}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;font-size:1.2rem;line-height:1.2;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}ul{list-style-type:none}a{text-decoration:none}h1{font-family:Chakra Petch,sans-serif;font-size:88px;font-weight:900}h2{font-family:Chakra Petch,sans-serif;font-size:64px;font-weight:800}h3{font-family:Chakra Petch,sans-serif;font-size:56px;font-weight:700}h4{font-family:Chakra Petch,sans-serif;font-size:36px;font-weight:600}.button{padding:17px 28px;font-size:1.2rem;color:#fff;font-weight:600;text-transform:uppercase;background-color:var(--primary-color);border:1px solid var(--primary-color);border-radius:4px;cursor:pointer}.button:hover{background:var(--primary-dark);border:1px solid var(--primary-dark)}.horzLine{display:block;width:220px;height:3px;margin:5px auto;background-color:var(--primary-color)}.vertLine{display:block;width:3px;height:120px;margin:auto 25px;background-color:var(--primary-color)}@media only screen and (max-width: 800px){h1{font-size:60px}h2{font-size:48px}h3{font-size:36px}h4{font-size:24px}}