:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background:radial-gradient(circle,#294cfa,#7c96f5);background-attachment:local,scroll;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes fadein{0%{opacity:0}to{opacity:1}}.header-div{display:flex;position:sticky;justify-content:space-between;align-items:center;padding-right:1em;padding-left:1em;top:0;background-color:#5f79fa59;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:2em;z-index:10;opacity:0;animation:fadein .5s ease-in 2s forwards}.name-img-div{display:flex;align-items:center}.home-button{font-size:1.5em;display:inline-block;vertical-align:middle}.navbar ul{list-style:none;display:flex;gap:2em}.navbar button,.header-div button{color:inherit;font-size:1.5em;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;text-decoration:none;border:5px solid transparent;border-radius:1em;background:none;transition-duration:.4s}.navbar button:hover,.header-div button:hover{border-radius:1em;border:5px solid transparent;background:fixed #00152e}.portrait{float:left;margin-left:10em;margin-right:5em;border-radius:2em}.about{display:flex;margin-bottom:15em;margin-right:10em;align-content:center;align-items:center;justify-content:center}.about-me{display:inline-block;word-wrap:break-word;max-width:35em}.about-text{font-size:1.7em;max-width:60em}.education{align-content:center;align-items:center;justify-content:center;display:flex;margin-bottom:15em;column-gap:15em}.work{display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;column-gap:15em;max-width:100em;width:100%}.work-text{font-size:1.7em;max-width:25em;display:flex;flex-direction:column;flex:1}.work-section{display:flex;flex-direction:column;align-items:center;row-gap:3em}.standard_logo{border-radius:2em}.mult_logo{border-radius:2em;height:auto;width:auto}.psu_logo{border-radius:2em;height:25em;z-index:1}.education-text{text-align:left;float:left;font-size:1.7em;max-width:30em;word-wrap:break-word;padding-left:2em}.proj-div{display:flex;justify-content:center;font-size:1.5em;margin-bottom:2em;margin-top:5em;align-items:center}.proj-text{float:right;word-wrap:break-word;width:800px;margin-right:5em;margin-left:5em}.proj-div img{border-radius:2em;float:left;margin-left:5em;transition-duration:.4s;height:12em}.proj-header{font-size:5em}@keyframes slideUp{to{transform:translateY(-20px)}}@keyframes slideDown{0%{transform:translateY(-20px)}to{transform:translateY(0)}}.proj-div img:hover{animation-name:slideUp;animation-duration:.5s;animation-iteration-count:1;animation-fill-mode:forwards;box-shadow:0 12px 16px #0000003d,0 17px 50px #00000030}.proj-div img:not(:hover){animation-name:slideDown;animation-duration:.5s;animation-iteration-count:1;animation-fill-mode:forwards}.education img{transition-duration:.4s}.education img:hover{animation-name:slideUp;animation-duration:.5s;animation-iteration-count:1;animation-fill-mode:forwards;box-shadow:0 12px 16px #0000003d,0 17px 50px #00000030}.education img:not(:hover){animation-name:slideDown;animation-duration:.5s;animation-iteration-count:1;animation-fill-mode:forwards}.work img{transition-duration:.4s}.work img:hover{animation-name:slideUp;animation-duration:.5s;animation-iteration-count:1;animation-fill-mode:forwards;box-shadow:0 12px 16px #0000003d,0 17px 50px #00000030}.about img:not(:hover){animation-name:slideDown;animation-duration:.5s;animation-iteration-count:1;animation-fill-mode:forwards}.about img{transition-duration:.4s}.about img:hover{animation-name:slideUp;animation-duration:.5s;animation-iteration-count:1;animation-fill-mode:forwards;box-shadow:0 12px 16px #0000003d,0 17px 50px #00000030}.work img:not(:hover){animation-name:slideDown;animation-duration:.5s;animation-iteration-count:1;animation-fill-mode:forwards}.section-header{text-align:center;margin-bottom:1em;font-size:4.5em;scroll-margin-top:100px}.contact-div{display:flex;flex-direction:column;align-items:center;font-size:.8em}.contact-div a{display:flex;text-decoration:none;margin-bottom:3em;align-items:center;justify-content:space-evenly;margin-right:50em;flex-direction:row;margin-left:50em}.contact-div i:hover{animation-name:slideUp;animation-duration:.3s;animation-iteration-count:1;animation-fill-mode:forwards}.contact-div i:not(:hover){animation-name:slideDown;animation-duration:.3s;animation-iteration-count:1;animation-fill-mode:forwards}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.footer-div img{animation-name:rotation;animation-duration:6s;animation-timing-function:linear;animation-iteration-count:infinite}.footer-div{display:flex;justify-content:center}.footer-div p{margin-left:15px}.fun-div{display:flex;align-self:flex-end;margin:0;padding:0;color:#fff0}.intro-div{display:flex;justify-content:center;align-items:center;font-size:2em;flex-direction:column;margin-top:7em}@keyframes typing{0%{width:0}to{width:100%}}@keyframes cursor{0%{border-right:4px solid white}50%{border-color:transparent}}@keyframes temp_cursor{0%{border-color:#fff}to{border-color:transparent}}@keyframes temp_cursor2{0%{border-right:transparent}to{border-right:white 4px solid}}.intro-greeting{border-right:4px solid;line-height:65px;margin-top:5px;width:100%;white-space:nowrap;overflow:hidden;animation:typing 1s steps(8) forwards,temp_cursor 1s step-end 1 forwards}.intro-name{border-right:transparent;line-height:65px;margin-top:5px;width:0;white-space:nowrap;overflow:hidden;animation:temp_cursor2 1s step-end 1 forwards,cursor step-end 1s 2s infinite alternate,typing .8s 1s steps(9) forwards}.intro-div button{border-radius:.5em;border:none;background-color:#00152e;padding:20px;cursor:pointer;transition-duration:.4s}.intro-buttons{display:flex;justify-content:space-between;column-gap:1em;animation:fadein .5s 1 2s ease-in backwards;opacity:1}.intro-div button:hover{box-shadow:0 12px 16px #0000003d,0 17px 50px #00000030}.intro-div i:hover{animation-name:floating;animation-duration:.5s;animation-iteration-count:1;animation-fill-mode:forwards}.intro-div i:not(:hover){animation-name:resetFloat;animation-duration:.5s;animation-iteration-count:1;animation-fill-mode:forwards}.see-more{width:0;line-height:40px;animation:typing 2s;animation-delay:2s;animation-fill-mode:forwards;white-space:nowrap;overflow:hidden}.skills-div{display:flex;flex-direction:column;column-gap:5em;align-items:center;row-gap:5em}.languages{margin-left:1em;font-size:2em}@keyframes floating{0%{transform:translateY(0)}to{transform:translateY(-10px)}}@keyframes resetFloat{0%{transform:translateY(-10px)}to{transform:translateY(0)}}.skills-icons-div{display:flex;column-gap:3em;row-gap:0em;flex-wrap:wrap;width:70vw;justify-content:center;align-items:center}.skills-icons{height:7em}.skills-icons-big{height:5.5em}.skills-icons-huge{height:4em}.skill-icon-container{display:flex;flex-direction:column;align-items:center}.skill-icon-container p{transform:translateY(-30px);margin:0;padding:0;opacity:0;font-size:1.5em;transition-duration:.3s;z-index:-1}.skill-icon-container .circle-container:hover+p{opacity:1;transform:translateY(-8px)}.circle-container{display:flex;align-items:center;justify-content:center;width:150px;height:150px;border-radius:50%;background:#153674;background:linear-gradient(321deg,#153674 15%,#fde02d);transition-duration:.4s}.circle-container:hover{animation-name:slideUp;animation-duration:.4s;animation-fill-mode:forwards;box-shadow:0 12px 16px #00000071,0 17px 50px #00000030}.circle-container:not(:hover){animation-name:slideDown;animation-duration:.4s;animation-fill-mode:forwards}.policy-div{background-color:#000000c0;border-radius:1em}@media screen and (max-width: 540px){.name-img-div{display:none;visibility:hidden;font-size:1.2em}}@media screen and (max-width: 1250px){._8bit-img{height:0px;width:0px}.name-img-div{visibility:hidden;display:none;height:0px;width:0px}.intro-div{display:flex;justify-content:center;justify-items:center;flex-direction:column;font-size:1.2em;overflow-x:hidden;margin-bottom:15em}.intro-text{font-size:1.5em}.intro-div button{padding:12px}.intro-name{line-height:80px}.navbar{display:flex}.navbar ul{display:flex;flex-direction:row;column-gap:0em;padding-left:0;padding-right:0;justify-content:space-evenly;width:90vw}.mult_logo{border-radius:2em;width:22em;max-height:fit-content}.navbar button{display:flex;font-size:1.2em}.header-div{display:flex;position:sticky;top:0;background-color:#5f79fa59;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:2em;z-index:10;max-width:100vw;padding-right:0;padding-left:0;margin-right:0;margin-left:0;justify-content:center}.education{flex-direction:column-reverse}.education-text p{word-wrap:break-word;width:80vw}.work{flex-direction:column-reverse}.work img{height:13em}.about{margin-right:auto;flex-direction:column}.about-me{width:80vw}.about-text{display:flex;justify-content:center;align-items:center;flex-direction:column}.proj-div{flex-direction:column}.proj-div img{width:90vw;height:auto;margin-left:auto;margin-right:auto}.proj-text{display:flex;width:80vw;flex-direction:column;align-items:center}.portrait{margin-left:0;margin-right:0;border-radius:2em}.contact-div{font-size:1em;width:90vw}.contact-div a{display:flex;font-size:.7em}.skills-icons{height:4em}.skills-icons-big{height:3.8em}.skills-icons-huge{height:2.8em}.skills-icons-div{display:flex;column-gap:3em;row-gap:2em;flex-wrap:wrap;width:85vw;justify-content:center;align-items:center}.circle-container{display:flex;align-items:center;justify-content:center;width:100px;height:100px;border-radius:50%;background:#153674;background:linear-gradient(321deg,#153674 15%,#fde02d)}.skill-icon-container p{font-size:1em}.fun-div{display:none;visibility:hidden}}@media screen and (max-width: 555px){.navbar ul{display:flex;column-gap:3em;row-gap:0em;flex-wrap:wrap;width:70vw;justify-content:center;align-items:center}}
