@import url("https://fonts.googleapis.com/css2?family=Raleway&display=swap");@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");:root{--bg-main:#2a2a2a;--bg-toolbar:#1e1e1e;--bg-toolbar-hover:#151515;--text-color:#e0e0e0;--btn-primary:#9b5de5;--btn-secondary:#cdb4db;--btn-hover:#bfa2db;--link-color:#b8c0ff;--border-color:#444444}body{background-color:var(--bg-main);background-image:url(/sans-1.png);color:#e0e0e0;font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;background-attachment:fixed;background-position:-125px -15px;background-repeat:repeat;background-blend-mode:soft-light}.page-one{position:relative;height:100%;width:100%;display:flex;flex-direction:column;justify-content:space-between}@media screen and (max-width:768px){.page-one{height:100%;width:100%}}.foreground{background-color:#2a2a2a;color:#e0e0e0;font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.foreground,.intro-paragraphs,.research-paragraphs{line-height:1.6;letter-spacing:.01em}#navbar-container{position:-webkit-sticky;position:sticky;top:.5rem;z-index:1}.navbar{background-color:#1e1e1e;padding:.5rem 4rem;display:flex;justify-content:flex-start;align-items:center;gap:4rem;flex-wrap:wrap;background-color:rgba(30,30,30,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.3)}.navbar a{position:relative}.navbar a:after{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:2px;background:var(--link-color);transform:scaleX(0);transform-origin:right;transition:transform .25s ease}.navbar a:hover:after{transform:scaleX(1);transform-origin:left}#navbar-right{padding:.5rem 0;display:flex;justify-content:flex-start;align-items:center;gap:4rem;float:right;margin-left:auto;font-size:1.25rem}@media screen and (max-width:768px){#navbar-container{position:relative;top:.5rem;z-index:1}.navbar{gap:.5rem;padding:.5rem 2rem}#navbar-right{gap:1rem;padding-right:0}}.introduction{padding:0 4rem;font-size:3.25rem;line-height:1.1}@media screen and (max-width:768px){.introduction{padding:0 .5rem;font-size:1.4rem;line-height:1.4}}.avatar-container{width:24rem;display:inline-block;vertical-align:top;margin-right:4rem;text-align:center;flex-grow:4;flex-shrink:0;flex-basis:30rem;padding-top:1.5rem}.avatar{width:16rem;height:16rem;background-image:url(/profile.png);border-radius:50%;background-position-y:40%;background-position-x:center;background-repeat:no-repeat;background-size:cover;display:block;margin:0 auto}@media screen and (max-width:768px){.avatar-container{width:100%}.avatar{width:12rem;height:12rem}}#bottom-half-container>*{padding:0;margin-right:4rem;position:relative}@media screen and (max-width:768px){#bottom-half-container>*{padding:0;margin:0;position:relative}}#bottom-half-container{display:flex;flex-direction:column;flex-wrap:wrap}#top-intro{white-space:nowrap;padding:1rem 4rem;margin-left:4rem;margin-right:4rem;margin-bottom:2rem;display:flex;justify-content:space-between;border-radius:15px}.intro-paragraphs{display:inline-block;vertical-align:top;white-space:normal;line-height:1.5}@media screen and (max-width:768px){#top-intro{flex-wrap:wrap;padding:0 1rem;margin-left:0;margin-right:0;justify-content:center}.intro-paragraphs{line-height:1.5}}#RandomIntro{padding-bottom:1rem;padding-right:1rem;padding-left:1rem;height:16rem;display:flex;background-color:transparent}@media screen and (max-width:768px){#RandomIntro{height:4rem}}.refresh{background-color:transparent;color:var(--text-color);margin-left:auto;margin-right:0;border-color:transparent;font-size:3rem;font-weight:700;align-self:flex-end}@media screen and (max-width:768px){.refresh{font-size:0}}.navbar-small{display:flex;justify-content:space-evenly;align-items:center;font-size:1rem}#myname{padding-top:.5rem;padding-bottom:1rem;font-size:1.25rem}button.primary{background-color:#9b5de5;color:#fff}button.primary,button.secondary{border:none;padding:.5rem 1rem;border-radius:8px}button.secondary{background-color:#cdb4db;color:#1e1e1e}a{color:#b8c0ff;text-decoration:none}a:hover{color:#bfa2db}#Skills{border-radius:15px;padding:.001rem 1rem 2rem;margin:1rem 4rem}.SkillContainer{flex-wrap:wrap;justify-content:space-around;align-content:center;gap:2rem 4rem;padding-left:8rem;padding-right:8rem}.SkillContainer,.skillButton{display:flex;align-items:center}.skillButton{width:8rem;height:8rem;padding-top:.5rem;margin-top:0;flex-direction:column;justify-content:flex-end;border-radius:20%;box-sizing:border-box}@media screen and (max-width:768px){.skill-header{padding-top:.5rem;padding-left:.5rem}#Skills{margin:0;padding:0}.SkillContainer{flex-flow:row wrap;justify-content:center;gap:2rem 2rem;padding-left:5%;padding-right:5%;padding-bottom:1rem}}.skillButton img{object-fit:contain;width:4rem;align-items:center;flex:1 1}.skillButton p{margin-top:auto;font-size:1rem;font-weight:700;text-align:center}.skillButton-noImg{width:8rem;height:8rem;padding-top:.5rem;margin-top:0;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:20%;box-sizing:border-box}.skillButton-noImg p{font-size:1rem;font-weight:700;text-align:center}.skillButton-alt{width:8rem;height:8rem;display:block;border-radius:20%;font-size:1rem;font-weight:400;text-align:left;box-sizing:border-box;padding-left:1rem;padding-right:1rem;padding-top:0}#scroll-down-container{position:absolute;margin-left:auto;margin-right:auto;margin-bottom:0;bottom:2rem;left:0;right:0;display:flex;justify-content:center;align-items:center}.scroll-down-icon{transform:scale(8,2)!important;color:var(--text-color)}.keep-hidden-scrolldown{transform:scale(0)!important}@media screen and (max-width:768px){.scroll-down-icon{color:transparent}}.Typewriter__cursor{animation:none!important;opacity:1;display:inline-block;width:1ch}.cursor-blink{animation:blink 1s step-start infinite!important}.cursor-hidden{animation:none!important;opacity:0}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.scale-in-center{animation:scale-in-center 1s cubic-bezier(.25,.46,.45,.94) both}@keyframes scale-in-center{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.keep-hidden{color:transparent;a:active,a:hover,a:link,a:visited{color:transparent}opacity:0}.centered-text,.page-header{margin-left:2rem}.centered-text{margin-right:2rem;padding:.5rem;border-radius:1rem}.sub-header{margin:.5rem 1rem 0}.bullet-points{margin-top:.25rem;line-height:1.25}.bullet-points li:not(:last-child){margin-bottom:.25rem}#CV-container{display:flex;justify-content:flex-start;align-items:center;height:100vh;margin-top:0;margin-left:4rem;margin-bottom:2rem}#CV{width:75%;height:100%}.booleangene-img-container{background-color:transparent;margin:0 2rem;display:flex;flex-direction:row;justify-content:space-around;align-items:center}.research-paragraphs{display:inline-block;vertical-align:top;white-space:normal;line-height:1.5;margin:1rem 2rem;align-self:flex-start}.research-img{padding-left:4rem;padding-right:2rem}#research-foreground{padding-bottom:1rem}@media screen and (max-width:768px){.booleangene-img-container{flex-direction:column;margin:0;justify-content:center;align-items:center}.research-img{padding:0 1rem}#booleangene-img,#trackscan-img{width:100%!important;height:auto!important}#research-foreground{margin:0}.research-paragraphs{margin:1rem}}#Skills,#research-foreground,#top-intro,.centered-text{background-color:rgba(30,30,30,.75);border:1px solid var(--border-color);box-shadow:0 8px 24px rgba(0,0,0,.25);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.skillButton,a,button{transition:all .25s ease}button.primary:hover{background-color:var(--btn-hover);transform:translateY(-1px)}button.secondary:hover{filter:brightness(1.05);transform:translateY(-1px)}.skillButton,.skillButton-alt,.skillButton-noImg{background-color:rgba(255,255,255,.03);border:1px solid var(--border-color)}.skillButton-alt:hover,.skillButton-noImg:hover,.skillButton:hover{transform:translateY(-4px);background-color:rgba(255,255,255,.06)}.avatar{box-shadow:0 12px 32px rgba(0,0,0,.5),inset 0 0 0 2px rgba(255,255,255,.05)}.page-header{margin:2rem 2rem 1rem}.sub-header{margin:1.5rem 1rem .5rem}.centered-text{margin:1rem 2rem}.scroll-down-icon{opacity:.6;transition:opacity .3s ease}.scroll-down-icon:hover{opacity:1}.skillButton,.skillButton-alt,.skillButton-noImg{line-height:1.2;letter-spacing:normal}