:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;color-scheme:light dark;color:var(--white);background:repeating-linear-gradient(45deg,var(--blackAccent) 0px,var(--blackAccent) 10px,#0e0e0e 10px,#0e0e0e 20px),repeating-linear-gradient(-45deg,var(--blackAccent) 0px,var(--blackAccent) 10px,#0e0e0e 10px,#0e0e0e 20px);background-size:50% 100%,50% 100%;background-repeat:no-repeat;background-position:0% 100%,100% 0%;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--red: #aa0047ff;--redAccent: #DD005C;--green: #00AA63;--black: #0e0e0e;--blackAccent: #0f0f0f;--white: #d3d3d3;--blue: #58c4dc}*,*:before,*:after{margin:0;padding:0;box-sizing:inherit}html{font-size:62.5%}body{box-sizing:border-box;font-size:1.6rem}#main_page{width:100%;height:100%;position:relative}#links{display:flex;flex-direction:row;gap:2rem}#links svg{aspect-ratio:1;width:2rem}#links a,#links svg{cursor:pointer;color:var(--white);transition:color .2s ease}#links a:hover,#links svg:hover{color:var(--red)}nav{padding:.5rem 2rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center}#logo{width:4rem;aspect-ratio:1}#main_content{width:90%;margin:0 auto;max-width:800px}#main_projects,#experience,#education{background-color:#0000004c;border:3px solid var(--red);padding:1rem;margin-right:4rem}.project_photo_btn{background-color:transparent;border:0;padding-top:.5rem;cursor:pointer;opacity:.8}.project_photo_btn:hover{opacity:1}.project_photo_btn svg{width:2rem;aspect-ratio:1;fill:var(--redAccent)}.abstract_bg{position:relative}.abstract_bg:after{opacity:0;position:absolute;top:1.5rem;left:1.5rem;content:"";background:url(/pattern_sd.svg);width:100%;height:100%;transition:opacity .3s ease;clip-path:polygon(calc(100% - 1.5rem) 0%,100% 0%,100% 100%,0% 100%,0% calc(100% - 1.5rem),calc(100% - 1.5rem) calc(100% - 1.5rem))}.abstract_bg:hover:after{opacity:.5}h1{font-size:3rem}h2{font-size:2rem}h3{font-size:1.75rem}p{font-size:1.5rem}.title{font-size:2.5rem}a{text-decoration:none}.colored_link{color:var(--red);transition:color .25s ease}.colored_link:hover{color:var(--redAccent)}.tech_stack{padding-top:.5rem}.stack p{font-weight:700}.main_project{display:flex;flex-direction:column;align-items:flex-start;position:relative;width:100%}.main_project_info{display:flex;flex-direction:column;gap:.4rem;padding-bottom:1rem}.project_title{display:flex;flex-direction:row;gap:1rem}.stack{display:flex;align-items:center;flex-wrap:wrap;padding-top:.25em}.stack *{margin-right:.5rem}.pStack{display:flex;flex-wrap:wrap;gap:.2rem}.pStack p{padding:.5rem 1rem;border:.2rem solid var(--red)}.plinks{display:flex;flex-wrap:wrap;gap:.2rem}.plinks a,.plinks button{font-size:1.5rem;font-weight:700;padding:.5rem 1rem;border:0;background-color:var(--red);color:var(--white);cursor:pointer;transition:all .25s ease}.plinks a:hover,.plinks button:hover{background-color:var(--redAccent);color:var(--black)}.circle{height:.5rem;aspect-ratio:1/1;background-color:#f0dcdc;content:"";border-radius:50%}#header_bg{width:50%;height:100%;position:absolute;top:0;left:0;z-index:1;border:1px solid white;background-size:100px,100px}#header_text{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%)}#header_text h1{font-size:6rem;line-height:1}#header_text h2{font-size:2rem}#cover{background-color:#0b00005c;height:100%;width:100%}#header_content{width:50%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:0;left:50%;z-index:2}#header_content h1{background:radial-gradient(rgba(0,0,0,.434) 10%,transparent 40%)}#hero{display:flex;flex-direction:row}#main_content_old{max-width:1200px;margin:0 auto;padding:1rem 4rem 2rem 2rem;display:grid;gap:2rem;grid-template-columns:40% 60%;grid-template-rows:auto auto;grid-template-areas:"top-left right" "bottom-left right"}.item1{grid-area:top-left;align-self:start}.item2{grid-area:right;align-self:start}.item3{grid-area:bottom-left;align-self:start}section{position:relative}.section_title{position:relative;width:fit-content}.section_title:after{position:absolute;width:100%;height:50%;bottom:50%;left:50%;content:"";background:repeating-linear-gradient(45deg,var(--red) 0%,var(--red) 10%,black 10%,black 20%),repeating-linear-gradient(-45deg,black 0%,black 10%,var(--red) 10%,var(--red) 20%);background-size:150% 50%,150% 50%;background-repeat:no-repeat;background-position:55% 100%,55% 0%;transition:background-position 1s ease;clip-path:polygon(0% 0%,100% 0%,100% 100%,50% 100%,50% 40%,0% 40%)}@media screen and (max-width: 500px){.main_section:after{clip-path:polygon(0% 0%,100% 0%,100% 100%,52.5% 100%,52.5% 30%,0% 30%)}}.abstract_bg:hover .section_title:after{background-position:70% 100%,70% 0%}#main_projects,#experience,#education{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;height:100%}.title{position:relative;width:fit-content}.title:after{position:absolute;top:100%;width:100%;height:.2rem;left:0;background-color:var(--red);content:""}#experience_content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;height:100%;gap:1rem}#education_content{display:flex;flex-direction:row;justify-content:space-between;width:100%;height:100%;gap:1rem}#education_content div:nth-child(2){text-align:right}.exp{display:flex;flex-direction:row;justify-content:space-between;align-items:center;position:relative;gap:10px;height:fit-content;width:100%}.role{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;text-align:right;flex:1 1 0%}.role h3:nth-child(2){color:var(--redAccent)}.date{flex:1 1 0%;text-align:left}.bar{width:10px;height:10px;border-radius:50%;background-color:var(--red);flex-shrink:0}.project_photos{display:flex;flex-direction:row;gap:1rem;width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:var(--red) transparent;transition:max-height .5s ease}.project_photos img{width:90%;aspect-ratio:16/9;transition:height 1s ease;display:block}.show_photos{max-height:400px}.no_photos{max-height:0;scrollbar-width:none}.show_shader{max-height:400px}.hide_shader{max-height:0;scrollbar-width:none}.social_links{display:flex;flex-direction:column;gap:.1rem}#footer{display:flex;flex-direction:column;align-items:flex-end;padding:10px}.blue{color:var(--blue)}.shader_pic_wrapper{display:flex;flex-direction:column;gap:.1rem;cursor:pointer;position:relative}.shader_pic,.shader_video{width:200px!important;aspect-ratio:1!important;border:0}.shader_video{position:absolute;top:0;left:0;opacity:0}.h_bar{width:100%;height:3px;margin:2rem 0;background-color:var(--red)}#blog_page{width:100%;height:100%}.post,#blog_content{width:90%;margin:0 auto;max-width:800px}#blog_content p{padding:20px 0}ul{list-style-position:inside}.blog_title:before{position:absolute;top:100%;width:100%;height:.3rem;background-color:var(--red);content:""}.blog_title:after{background:repeating-linear-gradient(45deg,var(--red) 0%,var(--red) 10%,transparent 10%,transparent 20%),repeating-linear-gradient(-45deg,transparent 0%,transparent 10%,var(--red) 10%,var(--red) 20%);background-size:150% 50%,150% 50%;background-repeat:no-repeat;background-position:55% 100%,55% 0%;clip-path:polygon(0% 0%,100% 0%,100% 100%,52% 100%,52% 40%,0% 40%)}a{color:var(--red);transition:color .25s ease}a:hover,span{color:var(--redAccent)}video{width:100%;aspect-ratio:16/9;border:3px solid var(--red);position:relative;z-index:2}.video_container{position:relative}.loading{position:absolute;top:50%;left:50%;height:50%;aspect-ratio:1;transform:translate(-50%,-50%);content:"";display:flex;flex-direction:row;justify-content:center;z-index:1}.loading span{height:fit-content;font-size:10rem;color:var(--red);animation:loadingAnimation 3s ease 0s infinite}.loading span:nth-of-type(2){animation-delay:.3s}.loading span:nth-of-type(3){animation-delay:.6s}@keyframes loadingAnimation{0%{transform:translate(0)}50%{transform:translateY(-25%)}to{transform:translate(0)}}li{font-size:1.5rem}#video_header{display:flex;flex-direction:row;justify-content:space-between}.video_btn{background-color:transparent;border:0;cursor:pointer}.video_btn svg{width:3rem;aspect-ratio:1;fill:var(--redAccent);transition:fill .25s ease}.video_btn svg:hover{fill:var(--red)}@media screen and (max-width: 380px){#video_header{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}}.green{color:var(--green)}@media screen and (max-width: 480px){.long_title:after{width:50%;left:75%}}