@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@500&family=Source+Sans+Pro:wght@200&display=swap);@import url(https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#center-div-now{align-items:center;justify-content:center;margin-left:auto;margin-right:auto;margin-top:10vh}:root{text-rendering:optimizeLegibility}a{color:#000;text-decoration:none}html{-ms-overflow-style:none;scroll-behavior:smooth;scroll-padding-top:100px;scrollbar-width:none}::-webkit-scrollbar{display:none}h2 a{transition-duration:.3s}h2 a:hover{color:#f1d11a;color:var(--font-color-hover)}::-webkit-scrollbar{height:5px;width:4px}::-webkit-scrollbar-track{background-color:#fff}::-webkit-scrollbar-thumb{box-shadow:inset 0 0 12px #777}.Header{position:fixed;top:0;width:100%;z-index:5}.spinner-div{margin-top:30vh}.App,.AppDark{font-family:Source Sans Pro,sans-serif;font-family:var(--font-style)}.AppDark{background-color:#a5a5a5;background-color:#535353;background-image:linear-gradient(315deg,#6d6d6d,#e7e7e7 60%);color:#fff;height:40vh}.App-header{background-color:#fff;box-shadow:0 1px 30px rgba(87,86,86,.3);color:#000;color:var(--font-color);display:grid;font-size:calc(10px + 2vmin);grid-template-columns:2fr 1fr}.social-media{display:flex;margin-left:-1.7vmin;margin-top:2vmin}#github{border-radius:10px;padding:2vmin;transition-duration:.3s;width:7vmin}#github:hover{padding:1vmin;width:7vmin;z-index:19}.main-header{font-size:calc(10px + 2vmin);padding-left:5vmin;width:100%}.main-header,.middle-header{color:#000;color:var(--font-color)}.middle-header{font-size:2vmin}.middle-header-mobile{color:#000;color:var(--font-color);display:none;font-size:4vmin}.middle-header:hover{color:#f1d11a;color:var(--font-color-hover);font-size:2vmin}.middle-header-div{margin-top:.35em;right:0}.middle-header-div,.middle-header-div-moble{grid-gap:1vmin;display:grid;grid-template-columns:repeat(4,1fr)}.middle-header-div-moble{background-color:#fff;margin-right:6vmin;margin-top:.5em}.mobile-hamburger{color:#000;color:var(--font-color);display:none;font-size:4vmin}@media only screen and (max-width:600px){#github,#github:hover{width:9vmin}.AppDark{background-color:#a5a5a5;color:#fff;font-family:Source Sans Pro,sans-serif;font-family:var(--font-style);height:620vh}.middle-header-mobile{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-name:slidedowntwo;animation-name:slidedowntwo;padding-left:2vmin;padding-right:2vmin}.middle-header-mobile,.middle-header-mobile:hover{color:#000;display:block;margin-top:10vmin;z-index:0}.middle-header-mobile:hover{color:var(--font-color)}.middle-header{color:#000;color:var(--font-color);display:none;font-size:2vmin;left:0}.mobile-hamburger:hover{color:#000;color:var(--font-color);display:block;font-size:4vmin}.mobile-hamburger{color:#f1d11a;color:var(--font-color-hover);display:block;font-size:4vmin;margin-left:23vmin;z-index:2}.middle-header-div{grid-gap:0;display:flex;margin-right:0;margin-top:0;right:0}.middle-header-div-mobile{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-name:slidedown;animation-name:slidedown;background-color:#fff;border-radius:5px;box-shadow:0 1px 30px rgba(87,86,86,.3);height:67vmin;margin-right:3vmin;margin-top:14.9vmin;padding:0 4vmin 4vmin;position:absolute;right:0;text-align:right}@-webkit-keyframes slidedown{0%{height:20vmin}to{height:67vmin}}@keyframes slidedown{0%{height:20vmin}to{height:67vmin}}@-webkit-keyframes slidedowntwo{0%{margin-top:0}to{margin-top:10vmin}}@keyframes slidedowntwo{0%{margin-top:0}to{margin-top:10vmin}}}.box{width:20%}.popup2{background-color:#fff;border-radius:5px;display:flex;font-size:3vmin;height:50%;margin:25vmin auto 70px;max-width:108vmin;padding:0;position:relative;width:60%}.popup2 h2{color:#333;font-family:Tahoma,Arial,sans-serif;margin-top:0}.popup2 .close{color:#333;font-size:30px;font-weight:700;position:absolute;right:30px;text-decoration:none;top:20px}.popup2 .close:hover{color:#ff5f00;color:var(--font-color-hover)}.popup2 .content{max-height:30%;overflow:auto}.popup2-image{border-radius:3px;border-bottom-left-radius:5px;max-height:100%;max-width:100%;object-fit:contain}.close:hover{color:red;cursor:pointer}@media only screen and (max-width:1300px){.box{width:60%}.close{color:#fff}.popup2{background-color:#fff;border-radius:5px;display:flex;flex-direction:column;font-size:2vmin;height:80%;margin:15vmin auto 70px;max-width:50vmin;padding:0;position:relative;width:50%}}@media screen and (max-width:700px){.box{width:60%}.close{color:#fff}.popup2{background-color:#fff;border-radius:5px;display:flex;flex-direction:column;font-size:3.7vmin;height:130vmin;margin:15vmin auto 70px;max-width:none;padding:0;position:relative;width:80%}.popup2-image{border-radius:3px;max-height:100%;max-width:100%;object-fit:contain;width:640px}}.spotify-content{margin-left:5vmin;width:60%}:root{--input-color:#99a3ba;--input-border:#cdd9ed;--input-background:#fff;--input-placeholder:#000;--input-border-focus:#f1d11a;--group-color:var(--input-color);--group-border:var(--input-border);--group-background:#f1d11a1c;--group-color-focus:#fff;--group-border-focus:var(--input-border-focus);--group-background-focus:#f1d11a}.main-form{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-name:slideup;animation-name:slideup}#up{-webkit-animation-duration:.9s;animation-duration:.9s;-webkit-animation-name:resize;animation-name:resize}@-webkit-keyframes slideup{0%{margin-left:17vmin}to{margin-left:10vmin}}@keyframes slideup{0%{margin-left:17vmin}to{margin-left:10vmin}}@-webkit-keyframes resize{0%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}50%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes resize{0%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}50%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.form-field{-webkit-appearance:none;background:#fff;background:var(--input-background);border:1px solid #cdd9ed;border:1px solid var(--input-border);border-radius:6px;color:#99a3ba;color:var(--input-color);display:block;font-family:inherit;font-size:14px;font-weight:500;line-height:25px;padding:8px 16px;transition:border .3s ease;width:100%}.form-field::-webkit-input-placeholder{color:#000;color:var(--input-placeholder)}.form-field:-ms-input-placeholder{color:#000;color:var(--input-placeholder)}.form-field::placeholder{color:#000;color:var(--input-placeholder)}.form-field:focus{border-color:#f1d11a;border-color:var(--input-border-focus);outline:none}.form-group{display:flex;position:relative;width:100%}.form-group .form-field,.form-group>span{display:block;white-space:nowrap}.form-group .form-field:not(:first-child):not(:last-child),.form-group>span:not(:first-child):not(:last-child){border-radius:0}.form-group .form-field:first-child,.form-group>span:first-child{border-radius:6px 0 0 6px}.form-group .form-field:last-child,.form-group>span:last-child{border-radius:0 6px 6px 0}.form-group .form-field:not(:first-child),.form-group>span:not(:first-child){margin-left:-1px}.form-group .form-field{flex:1 1 auto;margin-bottom:0;margin-top:0;position:relative;width:1%;z-index:1}.form-group>span{background:#f1d11a1c;background:var(--group-background);border:1px solid #cdd9ed;border:1px solid var(--group-border);color:#99a3ba;color:var(--group-color);font-size:14px;line-height:25px;padding:8px 12px;text-align:center;transition:background .3s ease,border .3s ease,color .3s ease}.form-group:focus-within>span{background:#f1d11a;background:var(--group-background-focus);border-color:#f1d11a;border-color:var(--group-border-focus);color:#fff;color:var(--group-color-focus)}html{-webkit-font-smoothing:antialiased;box-sizing:border-box}*,:after,:before{box-sizing:inherit}body .form-group{max-width:360px}body .form-group:not(:last-child){margin-bottom:32px}.main-form{display:flex;flex-direction:column;margin-left:10vmin;margin-top:8vmin;width:100%}.tacbox{display:block;margin:0 2em 2em 0;max-width:100%;padding:1em}#checkbox{height:1em;vertical-align:middle;width:2em}#random-sentence{font-size:15px;width:70%}@media only screen and (max-width:1400px){.main-form{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-left:6vmin;margin-top:10vmin;width:80%}@-webkit-keyframes slideup{0%{margin-top:14vmin}to{margin-top:10vmin}}@keyframes slideup{0%{margin-top:14vmin}to{margin-top:10vmin}}#random-sentence{font-size:15px;width:80%}}@media only screen and (max-width:600px){.main-form{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-left:8vmin;margin-top:10vmin;width:80%}@-webkit-keyframes slideup{0%{margin-top:14vmin}to{margin-top:10vmin}}@keyframes slideup{0%{margin-top:14vmin}to{margin-top:10vmin}}#random-sentence{font-size:15px;width:100%}.tacbox{display:block;font-size:10px;margin:0 0 2em;max-width:100%;padding:1em}}#submit-button{margin-left:4vmin}textarea{border:1px solid #cdd9ed;border:1px solid var(--group-border);color:#99a3ba;color:var(--group-color);font-family:inherit;font-size:1.5vmin;font-size:14px;height:10vmin;line-height:25px;padding:8px 12px;resize:none;transition:background .3s ease,border .3s ease,color .3s ease;width:30vmin}.box{background:hsla(0,0%,100%,.2);background-clip:padding-box;border:2px solid #fff;border-radius:20px/50px;margin:0 auto;padding:35px;text-align:center;width:40%}.overlay{background:rgba(0,0,0,.7);bottom:0;left:0;position:fixed;right:0;top:0;z-index:90}.popup{background-color:#fff;border-radius:5px;display:flex;height:79%;margin:10vmin auto 70px;max-width:115vmin;padding:0;position:relative;width:70%}.popup h2{color:#333;font-family:Tahoma,Arial,sans-serif;margin-top:0}.popup .close{color:#333;font-size:30px;font-weight:700;position:absolute;right:30px;text-decoration:none;top:20px}.popup .close:hover{color:#f1d11a;color:var(--font-color-hover);cursor:pointer}.popup .content{max-height:30%;overflow:auto}.popup-image{display:block}@media only screen and (max-width:1400px){.popup-image{display:none}.box{width:60%}.close{color:#fff}.popup{background-color:#fff;border-radius:5px;display:flex;flex-direction:column;height:none;margin:15vmin auto 70px;padding:0;position:relative;width:55vmin}}@media screen and (max-width:700px){.box{width:60%}.close{color:#fff}.popup{background-color:#fff;border-radius:5px;display:flex;flex-direction:column;height:80%;margin:15vmin auto 70px;min-height:135vmin;padding:0;position:relative;width:85%}}.popup-image{border-bottom-left-radius:5px;border-top-left-radius:5px;max-height:100%;max-width:100%;object-fit:contain;width:53.4vh}.content{right:0}.button-13{background-color:#fff;border:1px solid #d5d9d9;border-radius:8px;box-shadow:0 2px 5px 0 hsla(180,5%,84%,.5);box-sizing:border-box;color:#0f1111;cursor:pointer;display:inline-block;font-family:Amazon Ember,sans-serif;font-size:13px;line-height:29px;padding:0 10px 0 11px;position:relative;text-align:center;text-decoration:none;touch-action:manipulation;-ms-user-select:none;user-select:none;-webkit-user-select:none;vertical-align:middle;width:100px}.button-13:hover{background-color:#f7fafa}.button-13:focus{border-color:#008296;box-shadow:0 2px 5px 0 hsla(180,5%,84%,.5);outline:0}:root{--font-color-shadow:#fff}.image-body{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:slidein;animation-name:slidein}@-webkit-keyframes slidein{0%{margin-top:-99vmin}to{margin-top:-90vmin}}@keyframes slidein{0%{margin-top:-99vmin}to{margin-top:-90vmin}}#dark-mode-onlyfontcolor{color:#fff}#dark-mode-onlyfontcolor:hover{color:#ff5f00;color:var(--font-color-hover)}#dark-mode-full{background-color:#a5a5a5;color:#fff}.Intro{background-image:url(/static/media/background.edaf305eba554bd34097.jpg)}.Intro,.IntroDark{background-repeat:no-repeat;background-size:100%;height:100vh;margin-top:-12vmin}.IntroDark{background-image:url(/static/media/background-dark.739aff1a7106a0fb88b1.jpg)}.main-intro{margin-left:15vh}.main-intro-description{font-family:Source Sans Pro,sans-serif;font-family:var(--font-style);font-size:7vmin;margin:0}.main-intro-child{display:flex;flex-direction:column;margin-top:20vmin}.main-intro-p{font-size:2vmin;width:40%}.main-intro-title{font-family:Source Sans Pro,sans-serif;font-family:var(--font-style);font-size:7vmin;margin-bottom:0;margin-top:20vmin;padding:-10vmin}.full-image-three{box-shadow:3px 3px 3px 3px;box-shadow:0 5px 15px #fff;box-shadow:var(--font-color-shadow) 0 5px 15px}.resume-button{background-color:#ff5f00;border:1px bold;border:1px var(--font-color-hover) bold;color:#fff;font-size:2.5vmin;font-style:"Source Sans Pro",sans-serif;font-style:var(--font-style);font-weight:100;height:7vmin;transition-duration:.3s;width:20vmin}.resume-button:hover{box-shadow:0 5px 40px #fff;box-shadow:var(--font-color-shadow) 0 5px 40px;cursor:pointer;height:7vmin;width:20vmin}@-webkit-keyframes top{0%{margin-top:-90vmin}to{margin-top:-70vmin}}@keyframes top{0%{margin-top:-90vmin}to{margin-top:-70vmin}}@media only screen and (max-width:1600px){.image-body{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:slidein;animation-name:slidein;display:block;margin-left:100vmin;margin-top:-90vh;position:absolute;z-index:4}@-webkit-keyframes slidein{0%{margin-top:-79vmin}to{margin-top:-90vmin}}@keyframes slidein{0%{margin-top:-79vmin}to{margin-top:-90vmin}}.full-image-two{height:50%;margin-top:0;width:90%}}@media only screen and (max-width:800px){.Intro{background-image:url(/static/media/background.edaf305eba554bd34097.jpg)}.Intro,.IntroDark{background-repeat:no-repeat;background-size:200vh;height:100vh;margin-top:-12vmin}.image-body{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:slidein;animation-name:slidein;display:block;margin-left:-46vmin;margin-top:-55vh;position:absolute;z-index:4}@-webkit-keyframes slidein{0%{margin-top:-79vmin}to{margin-top:-100vmin}}@keyframes slidein{0%{margin-top:-79vmin}to{margin-top:-100vmin}}.full-image-one{box-shadow:3px 3px 3px 3px;box-shadow:0 5px 15px rgba(0,0,0,.35);height:45%;margin-left:-5vmin;margin-top:-30vmin;width:50%}.full-image-two{height:50%;margin-left:50vmin;margin-top:0;width:62%}.image-body-two{margin-top:100vmin}.image-body-three,.image-body-two{display:none;position:absolute;right:0;top:0;z-index:-1}.image-body-three{margin-right:30vmin;margin-top:70vmin}.main-intro-description{font-family:Source Sans Pro,sans-serif;font-family:var(--font-style);font-size:7vmin;margin:0}.main-intro-child{display:flex;flex-direction:column;margin-top:20vmin}.main-intro-p{font-size:2.5vmin;width:70%}.main-intro-title{font-family:Source Sans Pro,sans-serif;font-family:var(--font-style);font-size:7vmin;margin-bottom:0;margin-top:30vmin;padding:-10vmin}.main-intro{height:100%;margin-left:5vh}}.button-30{align-items:center;-webkit-appearance:none;appearance:none;background-color:#fcfcfd;border-radius:4px;border-width:0;box-shadow:0 2px 4px rgba(45,35,66,.4),0 7px 13px -3px rgba(45,35,66,.3),inset 0 -3px 0 #d6d6e7;box-sizing:border-box;color:#36395a;display:inline-flex;font-family:JetBrains Mono,monospace;font-size:18px;height:48px;justify-content:center;line-height:1;list-style:none;overflow:hidden;padding-left:22px;padding-right:22px;text-align:left;text-decoration:none;transition:box-shadow .15s,-webkit-transform .15s;transition:box-shadow .15s,transform .15s;transition:box-shadow .15s,transform .15s,-webkit-transform .15s;white-space:nowrap;will-change:box-shadow,transform}.button-30,.button-52{cursor:pointer;position:relative;touch-action:manipulation;-ms-user-select:none;user-select:none;-webkit-user-select:none}.button-52{background-color:transparent;border:1px solid #000;font-size:16px;font-weight:200;letter-spacing:1px;outline:0;padding:13px 20px}.button-52:after{background-color:#ffe54c;content:"";height:100%;left:7px;position:absolute;top:7px;transition:.2s;width:100%;z-index:-1}.button-52:hover:after{left:0;top:0}@media (min-width:768px){.button-52{padding:13px 50px}}.button-30:focus{box-shadow:inset 0 0 0 1.5px #d6d6e7,0 2px 4px rgba(45,35,66,.4),0 7px 13px -3px rgba(45,35,66,.3),inset 0 -3px 0 #d6d6e7}.button-30:hover{box-shadow:0 4px 8px rgba(45,35,66,.4),0 7px 13px -3px rgba(45,35,66,.3),inset 0 -3px 0 #d6d6e7;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.button-30:active{box-shadow:inset 0 3px 7px #d6d6e7;-webkit-transform:translateY(2px);transform:translateY(2px)}:root{font-display:optional}.Content{margin-bottom:-20vh;margin-top:8vmin}.main-content{justify-content:center;text-align:center}.main-content-images:hover{box-shadow:3px 3px 3px 3px;box-shadow:var(--font-color-shadow) 0 5px 10px;cursor:pointer}.main-content-images-div{grid-gap:1vmin;align-items:center;display:grid;gap:1vmin;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);justify-content:center;text-align:center}@media only screen and (max-width:1400px){.Content{margin-top:0}.main-content-images,.main-content-images:hover{align-self:center;display:block;margin-left:5vmin;padding-bottom:6vmin;width:80%}.main-content-images:hover{cursor:pointer}.image-center{display:flex;flex-direction:column}.image-center,.main-content-images-div{align-items:center;justify-content:center;text-align:center}.main-content-images-div{grid-gap:1vmin;display:grid;gap:1vmin;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}}@media only screen and (max-width:600px){.main-content-images,.main-content-images:hover{align-self:center;display:block;margin-left:5vmin;padding-bottom:6vmin;width:80%}.main-content-images:hover{cursor:pointer}.image-center{display:flex;flex-direction:column}.image-center,.main-content-images-div{align-items:center;justify-content:center;text-align:center}.main-content-images-div{grid-gap:1vmin;display:grid;gap:1vmin;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}}:root{--font-color-hover:#ff5f00}.Footer{bottom:0;color:#000;color:var(--font-color);position:fixed}.main-footer-div{padding-left:2vmin}.About{height:100%}.End{font-size:20px}.AboutDark{height:90vh}.main-about-div{display:flex;flex-direction:column;gap:5vh;margin-top:-950px;-webkit-transform:translate(16%,50%);transform:translate(16%,50%);width:76%}@media only screen and (max-width:1400px){.main-about-div{display:flex;flex-direction:column;-webkit-transform:translate(7%,50%);transform:translate(7%,50%);width:88%}}@media only screen and (max-width:700px){.main-about-div{display:flex;flex-direction:column;margin-top:-1350px;-webkit-transform:translate(7%,50%);transform:translate(7%,50%);width:88%}}:root{--font-color-hover:#ffe54c;--color-hover:#99861b}.projects{border:2px dashed #ffe54c;border:2px dashed var(--font-color-hover);border-radius:1rem;cursor:pointer;height:40vh;margin:1vmin;padding:2vmin;position:relative;transition-duration:.3s;width:35vh}div.outer{height:44px;position:relative}div.outer img{bottom:0;position:absolute;right:18px}.projects:hover{border:2px dashed #99861b;border:2px dashed var(--color-hover);box-shadow:0 1px 30px hsla(0,0%,53%,.3);transition:box-shadow .3s ease-in-out;transition:border .3s ease-in-out}.project-image{width:30vh}.underlined-github,.underlined-github:hover{bottom:10px;font-weight:900}.underlined-github:hover{color:red;cursor:context-menu}#git-link{color:#3c2a88}.about-project-main-div{display:grid;grid-template-columns:repeat(4,1fr);overflow:auto;scrollbar-color:#000;width:100%}.underlined{color:#ffe54c;color:var(--font-color-hover);font-weight:900}.des-para{font-size:.9rem}@media only screen and (max-width:1400px){.about-project-main-div{grid-gap:2vmin;display:grid;gap:2vmin;grid-template-columns:repeat(4,1fr)}}@media screen and (max-width:700px){.project-image{width:20vh}.projects:hover{box-shadow:0 1px 30px hsla(0,0%,54%,.3)}.about-project-main-div{grid-gap:2vmin;display:grid;gap:2vmin;grid-template-columns:repeat(4,1fr)}}:root{--font-color:#000;--font-color-hover:#f1d11a;--background-color:#fff;--font-style:"Source Sans Pro",sans-serif;margin:0;padding:0}*{box-sizing:border-box}.main-content-title{font-size:3vmin}.image-center{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.main-content-icons:hover{box-shadow:3px 3px 3px 3px;box-shadow:var(--font-color-shadow) 0 5px 10px;cursor:pointer}.main-content-icons-div{grid-gap:1vmin;align-items:center;display:grid;gap:1vmin;grid-template-columns:repeat(5,1fr);justify-content:center;text-align:center}.w-12{width:12vmin}.about-skills{height:40vh;margin-top:-40vmin}@media only screen and (max-width:1400px){.about-skills{height:50vh;margin-top:-30vmin}}@media only screen and (max-width:600px){.main-content-icons,.main-content-icons:hover{align-self:center;display:block;margin-left:5vmin;padding-bottom:6vmin;width:80%}.main-content-icons:hover{cursor:pointer}.main-content-icons-div{grid-gap:1vmin;align-items:center;display:grid;gap:1vmin;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);justify-content:center;text-align:center}.about-skills{height:50vh;margin-top:60vmin}}
/*# sourceMappingURL=main.3a8a467f.css.map*/