img{display:block;pointer-events:none}a{pointer-events:auto}::-webkit-scrollbar{display:none}.F_aquire{font-family:Aquire,sans-serif}@keyframes A_breathe{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes A_fadeIn{to{filter:blur(0);opacity:1}}@media screen and (max-width:1200px){body{width:100vw}}.section_container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:0 12vw}#meImg{border-radius:50px;height:25vw;object-fit:cover;width:25vw}.text_template1{background-color:#292c39;border-radius:20px;padding:2.5vw}.text_template1:after{animation:A_breathe 2s infinite;background-color:#1d202f;border-radius:20px;bottom:20vh;box-shadow:10px 10px 15px 10px #1d202f;content:"";height:50vh;position:absolute;right:10vw;width:40vw;z-index:-1}.text_template1 h1{font-size:2.5vw;margin-bottom:10px}.text_template1 p{font-size:1.2vw;line-height:1.6vw}#meImg_container{margin-right:125px}.typewriter h1{animation:typing 3s steps(30),blink-caret .5s step-end infinite;border-right:.15em solid #8888f1;color:#fff;letter-spacing:.3rem;overflow:hidden;white-space:nowrap;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:#0000}50%{border-color:#8888f1}}#contents_list p{color:#d8d8d8;flex:1 1;font-size:1.2vw;line-height:40px}#contents_list div{align-items:center;display:flex;font-size:1.8vw}#contents_list a{display:flex;flex-direction:row}#contents_list a:hover{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#3c67e366;border-radius:5px;box-shadow:0 0 10px 0 #3c67e3e6;font-weight:600;padding:0 10px;transition:all .3s ease}#artImg img,#skateVideo video{border-radius:50px;display:block;width:25vw}#artImg{margin-right:150px}#skateVideo{margin-left:150px}.q_link{border-radius:5px;font-size:1.1vw;line-height:200%;-webkit-text-decoration:underline #8888f1;text-decoration:underline #8888f1;text-decoration-thickness:3px;text-underline-offset:.5vh;transition:all .2s ease-in}.q_link:hover{background-color:#3c67e366;-webkit-text-decoration:underline #9ec8f2;text-decoration:underline #9ec8f2}#PERImg_container{border-radius:20px;display:flex;flex-direction:row;overflow:hidden}#PERImg_container img{flex:1 1;height:16vw;object-fit:cover;width:25vw}#PERImg_text{background-color:#292c39;border-radius:20px;margin-top:2vw;padding:2vw;width:70vw}#PERImg_text h1{font-size:2vw;letter-spacing:2px}#PERImg_text h2{color:#b3b3b3;font-size:1.4vw;margin-bottom:1vw}#PERImg_text p{font-size:1.2vw;line-height:1.6vw}#PERImg_text:before{background-color:#59549d;background:linear-gradient(45deg,#9a73b4,#4751c0);border-radius:60% 40% 30% 70%/60% 30% 70% 40%;height:300px;transform:translate(-10vw,-10vw);width:300px}#PERImg_text:after,#PERImg_text:before{animation:morph 3s ease-in-out infinite;content:"";position:absolute;transition:all 1s ease-in-out;z-index:-2}#PERImg_text:after{background-color:#767b9b;background:linear-gradient(45deg,#88d5bf,#5d6bf8);border-radius:50%;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;height:15vw;right:0;transform:translate(-7vw,-7vw);width:15vw}@media screen and (max-width:1200px){.section_container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:0 8vw}#meImg{height:70vw;object-fit:cover}#meImg,.text_template1{border-radius:20px;width:70vw}.text_template1{text-wrap:wrap;padding:6vw}.text_template1:after{display:none}.text_template1 h1{font-size:4.8vw;margin-bottom:10px}.typewriter h1{animation:typing 3s steps(30),blink-caret .5s step-end infinite;border-right:.15em solid #8888f1;color:#fff;letter-spacing:.1rem;overflow:hidden;white-space:nowrap;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.text_template1 p{font-size:3.4vw;line-height:5vw}#meImg_container{margin-bottom:10vw;margin-right:0}#contents_list p{align-items:center;color:#d8d8d8;display:flex;flex:1 1;font-size:3.6vw}#contents_list div{align-items:center;display:flex;font-size:6vw}#contents_list a:hover{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#3c67e366;border-radius:5px;box-shadow:0 0 10px 0 #3c67e3e6;font-weight:600;padding:0 3vw;transition:all .3s ease}#skateVideo{margin-left:0;margin-top:10vw}#artImg img,#skateVideo video{border-radius:20px;width:70vw}#artImg{margin-bottom:10vw;margin-right:0}.q_link{font-size:3vw;line-height:180%}#PERImg_container{border-radius:20px;display:flex;flex-direction:row;overflow:hidden}#PERImg_container img{flex:1 1;height:30vw;object-fit:cover;width:30vw}#PERImg_text{background-color:#292c39;border-radius:20px;margin-top:10vw;padding:6vw;width:80vw}#PERImg_text h1{font-size:6vw;letter-spacing:1vw}#PERImg_text h2{color:#b3b3b3;font-size:4.5vw;margin-bottom:3vw}#PERImg_text p{font-size:3.4vw;line-height:5vw}#PERImg_text:before{background-color:#59549d;background:linear-gradient(45deg,#9a73b4,#4751c0);border-radius:60% 40% 30% 70%/60% 30% 70% 40%;height:50vw;transform:translate(-10vw,-60vw);width:50vw}#PERImg_text:after,#PERImg_text:before{animation:morph 3s ease-in-out infinite;content:"";position:absolute;transition:all 1s ease-in-out;z-index:-2}#PERImg_text:after{background-color:#767b9b;background:linear-gradient(45deg,#88d5bf,#5d6bf8);border-radius:50%;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;height:40vw;right:0;transform:translate(-1vw,-10vw);width:40vw}}.navbar_container{left:0;position:fixed;top:0;width:100%;z-index:1000}.navbar_wrapper{animation:A_fadeIn 4s forwards;border-radius:20px;margin:15px 25px;opacity:0;padding:10px 25px;transition:background-color .3s ease}.navbar_left,.navbar_wrapper{align-items:center;display:flex}.navbar_left{flex:1 1}#navbar-logo{animation:A_breathe 2s infinite;height:70px;margin-right:15px;width:70px}.navbar_left div p{color:#acacac}.navbar_right{display:flex;flex:3 1;justify-content:end}.navbar_right ul{display:flex}.navbar_right ul li{font-size:24px;font-weight:700;margin-left:30px}.navbar_right ul li a{color:#c7c7c7}#page-links{list-style-type:none;margin-right:20px}#page-links li{cursor:pointer;display:inline-block;font-size:24px;margin-left:40px;padding:5px 0;position:relative}#page-links li:before{background:linear-gradient(90deg,#ff7e5f,#feb47b);bottom:0;content:"";height:.3vw;left:0;position:absolute;transform:scaleX(0);transform-origin:bottom right;transition:transform .4s ease-out;width:100%}#page-links li:hover:before{transform:scaleX(1);transform-origin:bottom left}#page-links li a:hover{color:#fff}#social-links li{align-items:center;display:flex;margin-left:1.5vw}#social-links a{transition:all .3s ease}#social-links a:hover{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background-color:#ff7f5f5e;border-radius:50%;box-shadow:0 0 30px 0 #ff7f5fde;transform:scale(1.2)}@media screen and (max-width:1200px){.navbar_container{left:0;position:fixed;top:0;z-index:1000}.navbar_wrapper{align-items:center;animation:A_fadeIn 4s forwards;border-radius:20px;display:flex;margin:2.5vw;opacity:0;padding:2vw 5vw;transition:background-color .3s ease}.navbar_left img{animation:A_breathe 2s infinite;height:15vw;margin-right:3vw;width:15vw}.navbar_left div h1{font-size:7vw}.navbar_left div p{color:#acacac;font-size:3vw}#bar_container,.navbar_right{font-size:10vw}.expandedNavbar_container{align-items:end;background:#96afed;background:linear-gradient(30deg,#33363f,#13131e 60%);display:flex;flex-direction:column;height:100%;left:0;position:fixed;top:0;transform:translateX(100%);transition:all .5s ease;width:100%;z-index:1001}.expandedNavbar_container.active{transform:none}.links_container{display:flex;flex-direction:column;height:100%;padding:10vw}.links_container .top{align-items:end;display:flex;flex:1 1;flex-direction:column}.links_container .bottom{align-items:end;display:flex;flex:1 1;flex-direction:column;justify-content:end}.links_container #navbar-logo{display:flex;height:30vw;justify-content:end;margin:5vw 0 0;width:30vw}#page-links li{background-color:#7b7b7f5e;border-radius:5px;cursor:pointer;display:flex;font-size:24px;justify-content:end;margin-bottom:5vw;margin-left:0;padding:2vw;width:50vw}#page-links li a{font-family:Aquire,sans-serif}#bar_container{display:flex;justify-content:end}#title_container{left:0;padding:10vw;position:absolute;top:0}#title_container h1{font-size:7vw}#title_container p{color:#acacac;font-size:3vw}#page-links{align-items:end;display:flex;flex-direction:column;margin:10vw 0 0}#page-links ul,#social-links ul{display:flex;justify-content:end}#social-links li{display:flex;justify-content:center;margin-bottom:5vw}.social-link{font-size:7.5vw}}.fade-in-section{opacity:0;transform:translateY(20vh);transition:opacity 2s ease-out,transform 1s ease-out,visibility 2s ease-out;visibility:hidden;will-change:opacity,transform,visibility}.fade-in-section.is-visible{opacity:1;transform:none;visibility:visible}@property --gradient-angle{syntax:"<angle>";initial-value:0deg;inherits:false}.E_glowBorder{background:#0000;position:relative}.E_glowBorder:after,.E_glowBorder:before{animation:rotation 2.5s linear infinite;background:linear-gradient(var(--gradient-angle),#5ddcff,#3c67e3 43%,#4e00c2);border-radius:inherit;content:"";inset:-.6vw;position:absolute;z-index:-1}.E_glowBorder:after{filter:blur(3.5rem)}@keyframes rotation{0%{--gradient-angle:0deg}to{--gradient-angle:360deg}}@media screen and (max-width:1200px){.E_glowBorder:after,.E_glowBorder:before{inset:-1.5vw}}#header_img{height:100vh;object-fit:cover;width:100%}.header_container{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative}#header_text{font-size:2.4vw;position:absolute;text-align:center;width:60vw;z-index:2}#header_text span{display:inline-block;filter:blur(4px);opacity:0}#downArrow_container{display:flex;justify-content:center;position:absolute;top:70%;z-index:2}#downArrow_container a{scroll-behavior:smooth}#downArrow{animation:A_fadeMoveDown 1.5s ease-in-out infinite;cursor:pointer;font-size:4vw;text-shadow:0 0 3px #0006}@keyframes A_fadeMoveDown{0%{opacity:0;transform:translateY(-20px)}50%{opacity:1}to{opacity:0;transform:translateY(20px)}}.sparkle{animation:sparkle 1s infinite alternate;background:#fff9;border-radius:50%;height:8px;position:absolute;width:8px}@keyframes sparkle{0%{opacity:0;transform:translate(-50%,-50%)}to{opacity:.5;transform:translate(50%,50%)}}@media screen and (max-width:1200px){#header_text{font-size:7vw;width:80vw}#downArrow{font-size:10vw}#header_img{height:100%;object-fit:cover;width:100%}.header_container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;position:relative;width:100vw}}.box1_container{background-color:#292c39;border-radius:20px;padding:2.5vw;position:relative}.box_title{font-size:40px;letter-spacing:2px;margin-bottom:10px}.box_desc{font-size:1.2vw;line-height:1.6vw}.box1_container:before{background-color:#59549d;background:linear-gradient(45deg,#88d5bf,#5d6bf8);border-radius:60% 40% 30% 70%/60% 30% 70% 40%;height:350px;transform:translate(-100px,-150px);width:350px}.box1_container:after,.box1_container:before{animation:morph 3s ease-in-out infinite;content:"";position:absolute;transition:all 1s ease-in-out;z-index:-2}.box1_container:after{background-color:#767b9b;background:linear-gradient(45deg,#9a73b4,#4751c0);border-radius:50%;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;height:200px;right:0;transform:translate(50px,-50px);width:200px}@keyframes morph{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}@media screen and (max-width:1200px){.box1_container{background-color:#292c39;border-radius:20px;padding:5vw;position:relative}.box_title{font-size:40px;letter-spacing:2px;margin-bottom:1vh}.box_desc{font-size:3.4vw;line-height:5vw}.box1_container:before{background-color:#59549d;background:linear-gradient(45deg,#88d5bf,#5d6bf8);border-radius:60% 40% 30% 70%/60% 30% 70% 40%;height:50vw;transform:translate(-10vw,-25vw);width:50vw}.box1_container:after,.box1_container:before{animation:morph 3s ease-in-out infinite;content:"";position:absolute;transition:all 1s ease-in-out;z-index:-2}.box1_container:after{background-color:#767b9b;background:linear-gradient(45deg,#9a73b4,#4751c0);border-radius:50%;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;height:30vw;right:0;transform:translate(5vw,-10vw);width:30vw}}.section_container{padding-top:100px}.section_header{font-size:3vw;margin-bottom:3vw}.projects_container{grid-gap:8vw;display:grid;gap:8vw;grid-template-columns:repeat(2,1fr);margin:4vw 0}.proj_container{background-color:#292c39;border-radius:20px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;overflow:hidden;position:relative}.proj_container img{object-fit:cover;position:relative;width:100%}.img_container{position:relative}.img_frost{background:#292c39;background:linear-gradient(0deg,#292c39 5%,#0000);bottom:0;content:"''";height:50%;left:0;position:absolute;width:100%}.proj_desc{padding:20px}.proj_desc .top{display:flex;flex-direction:row}.proj_caption{color:#dbdbdb;font-size:1vw;font-style:italic}.proj_desc .top h1{flex:1 1;font-size:2vw}.proj_desc .top p{color:#cfcfcf;font-size:1vw;margin-left:5vw}.tags{display:flex;flex-wrap:wrap;margin:15px 0}.tags li{align-items:center;background-color:#444557;border-radius:10px;display:flex;font-size:1vw;justify-content:center;margin:10px 10px 0 0;padding:.5vw}.tags li p{margin-left:5px}.tags li img{width:1.6vw}.cover_img{max-height:40vh;object-fit:scale-down}.link_container{margin:2vw 0 .5vw}.link_container li img{height:1.8vw;margin-right:10px;width:1.8vw}.link_container a{align-items:center;display:flex;font-size:1.2vw;margin-bottom:1vw;transition:all .3s ease}.link_container a:hover{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#3c67e366;border-radius:5px;box-shadow:0 0 10px 0 #3c67e3e6;font-weight:600;padding:.4vw}.stats_container{margin-bottom:5vw}.stat_bubble,.stats_container{display:flex;justify-content:center}.stat_bubble{align-items:center;background-color:#292c39;border-radius:50%;flex-direction:column;height:15vw;margin:0 6vw;position:relative;width:15vw}@property --ang{syntax:"<angle>";initial-value:0deg;inherits:false}.stat_bubble:after,.stat_bubble:before{--ang:0deg;animation:spin 3s linear infinite;background-image:conic-gradient(from var(--ang),#0000,#93a9ff);border-radius:50%;content:"";inset:-.6vw;position:absolute;z-index:-1}@keyframes spin{0%{--ang:0deg}to{--ang:360deg}}.stat_bubble:before{filter:blur(1.5rem);opacity:.5}.stat_bubble h1{font-family:Aquire,sans-serif;font-size:3vw}.stat_bubble p{text-wrap:wrap;font-family:Aquire,sans-serif;margin-top:10px;padding:1vw;text-align:center}.skills_container{display:flex;flex-wrap:wrap;place-content:center}.skill_logo{transition:all .5s ease}.skill_logo img{cursor:pointer;height:5vw;margin:1vw .5vw}.skill_logo:hover{margin:1.5vw;transform:scale(1.2)}@media screen and (max-width:1200px){.section_header{font-size:8vw;padding-bottom:8vw}.projects_container{grid-gap:20vw;display:grid;gap:20vw;grid-template-columns:repeat(1,1fr)}.proj_desc{padding:20px}.proj_desc .top{flex-direction:column}.proj_caption{color:#dbdbdb;font-size:3.5vw;font-style:italic}.proj_desc .top h1{flex:1 1;font-size:8vw;margin-bottom:3vw}.proj_desc .top p{color:#cfcfcf;font-size:3vw;margin:0}.tags{display:flex;flex-wrap:wrap;margin:15px 0}.tags li{align-items:center;background-color:#444557;border-radius:10px;display:flex;font-size:3.6vw;justify-content:center;margin:10px 10px 0 0;padding:1vw}.tags li p{margin-left:5px}.tags li img{width:6vw}.link_container{margin:5vw 0 1vw}.link_container li img{height:5vw;margin-right:10px;width:5vw}.link_container a{font-size:3.5vw;margin-bottom:2vw;transition:all .3s ease}.link_container a:hover{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#3c67e366;border-radius:5px;box-shadow:0 0 10px 0 #3c67e3e6;font-weight:600;padding:1vw}.stat_bubble{border-radius:50%;height:30vw;margin:5vw;width:30vw}.stats_container{display:flex;justify-content:center;margin-bottom:10vw}.stat_bubble h1{font-family:Aquire,sans-serif;font-size:8vw}.stat_bubble p{text-wrap:wrap;font-family:Aquire,sans-serif;margin-top:10px;text-align:center}.stat_bubble:after,.stat_bubble:before{inset:-1.2vw}.skill_logo img{height:18vw;margin:2vw 1vw}}
/*# sourceMappingURL=main.030c5458.css.map*/