html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button{background-color:transparent;border-width:0;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;padding:0}a{text-decoration:none}a{font-weight:800;color:#7e77aa}#root{white-space:pre-line}body{font-family:Lato,Helvetica,sans-serif;background-color:#070406;width:100vw;line-height:1.2rem}main{width:100%}.main-container{display:flex;flex-direction:column;width:80%;margin:5rem auto;border-radius:2rem;padding:.4em}.header{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}#baseline{display:flex;font-family:Playfair Display,Times New Roman,Times,serif;font-size:4rem;color:#a0e4ff;margin-bottom:2rem}.header-right{display:flex;flex-direction:column;justify-content:center;align-items:center}.profilepic{display:flex;flex-direction:column;justify-content:center;align-items:center;height:8rem}img.profilepic-img{width:70%;-webkit-box-shadow:13px 14px 8px -6px rgba(149,228,255,1);-moz-box-shadow:13px 14px 8px -6px rgba(149,228,255,1);box-shadow:13px 14px 8px -6px #95e4ff;margin-bottom:2rem}@media(max-width:800px){.profilepic{margin-bottom:3rem}}.tech-stack-title{font-family:Playfair Display,Times New Roman,serif;font-size:3rem;margin-bottom:1rem}.tech-stack-list{display:flex;flex-direction:column;gap:1.5rem}.tech-stack-item{display:flex;flex-direction:column;align-items:center;gap:.75rem}.stack-headline{text-align:center}.stack-headline :after{content:"";border-bottom:3px solid rgb(146,225,251);width:20rem;display:block;margin-bottom:1rem}.stack-item-row{width:70%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem}.stack-item{padding:.5rem .7rem;background-color:#7e77aa;border-radius:18px}.projects-key{display:flex;align-items:center;gap:.5rem;margin:2rem 0 .5rem;font-size:.85rem;opacity:.7}.key-fulltime-dot{width:10px;height:10px;border-radius:50%;background-color:#a0e4ffde;flex-shrink:0}.projects{display:flex;width:100%;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.project-details{display:flex;flex-direction:column;width:90%;gap:.75rem;padding:1.25rem;border-radius:20px;border-left:3px solid transparent;box-shadow:3px 4px 7px 1px #a0e4ff33;box-sizing:border-box}.project-details--fulltime{border-left:3px solid rgba(160,228,255,.87);background-color:#a0e4ff0a}.project-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.project-name{font-family:Boldonse,sans-serif;color:#a0e4ffde;font-size:1rem}.project-description{margin:0;line-height:1.5;font-size:.95rem}.project-stack{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem}.title{text-transform:uppercase;font-family:Boldonse,sans-serif;color:#a0e4ffde;font-weight:400;font-size:.75rem;letter-spacing:.05em}.project-links{display:flex;gap:1rem;flex-wrap:wrap}.project-links a{font-size:.9rem}.badge{display:inline-block;padding:.2rem .6rem;border-radius:12px;font-size:.75rem;font-weight:600;white-space:nowrap;flex-shrink:0}.badge--complete{background-color:#4ade8026;color:#4ade80;border:1px solid rgba(74,222,128,.4)}.badge--confidential{background-color:#f8717126;color:#f87171;border:1px solid rgba(248,113,113,.4)}.badge--in-progress{background-color:#facc1526;color:#facc15;border:1px solid rgba(250,204,21,.4)}.badge--on-hold{background-color:#9ca3af26;color:#9ca3af;border:1px solid rgba(156,163,175,.4)}.badge--idea{background-color:#60a5fa26;color:#60a5fa;border:1px solid rgba(96,165,250,.4)}.badge--fulltime{background-color:#a0e4ff1f;color:#a0e4ffde;border:1px solid rgba(160,228,255,.4)}.project-header-badges{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:flex-end;flex-shrink:0}@media(min-width:1000px){.project-details{width:calc(50% - .5rem)}}.laboratory{background-color:#292b40;color:#eef8ff;width:90%;padding:2rem;display:flex;flex-direction:column;justify-items:center;align-items:center}.gridbox-archives{background-color:#292b40;color:#eef8ff;width:90%;padding:2rem}.welcome{display:flex;background-color:#292b40;color:#eef8ff;width:90%;padding:2rem}.gridbox-nav{font-weight:700;display:flex;flex-direction:row;align-items:flex-end}.thumbnail{padding:.5rem}.nav-links>a{color:#a0e4ff;text-decoration:none}.nav-links>a:hover{font-weight:800}.nav-links{display:flex;justify-content:space-around;font-family:Boldonse,Arial,sans-serif;font-size:1.5rem;font-weight:400}.gridbox-shortcuts-nav ul li{margin-bottom:.6rem;text-align:center}@media(min-width:800px){.thumbnail{border-top-left-radius:15px;border-top-right-radius:25px;padding:.8rem 1.5rem}.active{background-color:#292b40}.inactive{background-color:#7e77aa}.flex-navigation{display:flex;justify-content:space-between;margin-top:2rem}}@media(max-width:800px){.gridbox-nav{align-items:center;justify-content:center}.nav-links{flex-direction:column;align-items:center;justify-items:center;border-radius:15px;margin-right:.5rem}.nav-links a{background-color:none}.nav-links a:hover{background-color:#7e77aa;border-radius:10px}.flex-navigation{justify-content:center;margin-bottom:2rem}}.icons{display:flex}.gridbox-shortcuts-nav-links{display:none;margin-left:3rem}.social-icons{margin:.5rem;width:2rem;cursor:pointer}.img-wrapper{display:flex;justify-items:center;align-items:center}.img-wrapper a{transition:.3s ease-in-out;display:flex;margin:auto}.img-wrapper a:hover{background-color:#fff;border-radius:15px}@media(min-width:800px){.icons{margin-left:2rem}}.language-toggle{display:flex;width:10rem;align-items:baseline}.language-toggle span{color:#a0e4ff;font-family:Boldonse,Arial,sans-serif;font-weight:600;font-size:1.1rem;-webkit-transition:font-size 1s ease-in-out;-moz-transition:font-size 1s ease-in-out;-o-transition:font-size 1s ease-in-out;transition:font-size 1s ease-in-out}.language-toggle span:hover{border-bottom:3px solid #7E77AA;font-size:1.3rem;cursor:pointer}.language-toggle-icon{padding:.8rem;margin:0 1rem 0 0}img{width:100%}#bigbenpic{width:120%}@media(max-width:800px){.language-toggle{margin-bottom:3rem}}.lifeline{background-color:#292b40;color:#eef8ff;width:90%;height:120vh;padding:2rem}.cv-wrapper{max-width:90%;height:100%;margin:auto}