@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Display:ital,wght@0,100..900;1,100..900&display=swap";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%;font:inherit;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}:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}:root{--main-bg-colour: rgb(240, 239, 237)}*{font-family:Noto Sans Display,sans-serif;color:#333}body{background-color:var(--main-bg-colour)}main{display:flex;justify-content:center;margin-top:80px;margin-bottom:80px}p,span{line-height:normal}.details-panel{flex-direction:column;display:flex;align-items:flex-start;gap:20px}.details-panel h1{font-size:40px;font-weight:100}.details-panel h2{font-size:32px;color:#aaa}.details-panel .links-section{display:flex;flex-direction:row;gap:20px}.details-panel .links-section a{text-decoration:none}.details-panel .links-section .link{display:flex;flex-direction:row;align-items:center;gap:8px}.details-panel .links-section .link img{opacity:.6}.project{height:100px;width:300px;background-color:#fa8704;border-radius:6px;display:flex;flex-direction:column;gap:10px;padding:20px;cursor:pointer;transition:all .1s}.project:hover{filter:brightness(.9)}.project h2{color:#fff;font-size:24px}.project span{color:#fff;font-weight:300}.home-main-content{display:flex;flex-direction:column;gap:40px}.home-main-content h1{font-size:24px;color:#aaa;margin-bottom:16px;display:inline-block}.home-main-content .skill-list{display:flex;flex-wrap:wrap;gap:10px}.home-main-content .skill-list .skill{background-color:#fff;padding:6px 8px;border-radius:6px;vertical-align:middle}.home-main-content .skill-list .skill:before{content:"";width:8px;transform:translateY(-2px);height:8px;background-color:#aaa;display:inline-block;margin-right:6px;border-radius:50%}.home-main-content .project-list{display:flex;gap:10px;flex-wrap:wrap}.home-container{width:80%;display:flex;flex-direction:column;gap:40px}.delay-container{width:80%;display:flex;flex-direction:column;gap:20px}.delay-container .swiper{width:100%;padding-bottom:18px}.delay-container .swiper:has(.swiper-scrollbar-lock){padding-bottom:0}.delay-container .swiper .swiper-slide{width:auto;display:flex;justify-content:flex-start;align-items:flex-start}.delay-container .swiper .swiper-slide img{border-radius:6px}.delay-container .swiper .swiper-scrollbar{left:0;right:0;width:100%;padding:0}.delay-container .swiper .swiper-scrollbar-drag{margin:0}.delay-container .title-container{display:flex;align-items:center;gap:20px}@media(max-width:400px){.delay-container .title-container{flex-direction:column;align-items:flex-start}}.delay-container .title-container .buttons{display:flex;flex-direction:row;gap:10px}.delay-container .title-container a{text-decoration:none;background-color:#fa8704;color:#fff;border-radius:6px;height:30px;display:flex;justify-content:center;align-items:center;padding:20px;box-sizing:border-box;border-bottom:2px #f18203 solid;transition:all .1s}.delay-container .title-container a:hover{filter:brightness(.9)}.delay-container .title-container h1{font-size:40px;color:#aaa}.delay-container .bold{font-weight:600}.delay-container .description{display:flex;flex-direction:column;gap:12px}.delay-container .skill-list{display:flex;flex-wrap:wrap;gap:10px}.delay-container .skill-list .skill{background-color:#fff;padding:6px 8px;border-radius:6px;vertical-align:middle}.delay-container .skill-list .skill:before{content:"";width:8px;transform:translateY(-2px);height:8px;background-color:#aaa;display:inline-block;margin-right:6px;border-radius:50%}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius, 10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset, 1%);bottom:var(--swiper-scrollbar-bottom, 4px);top:var(--swiper-scrollbar-top, auto);z-index:50;height:var(--swiper-scrollbar-size, 4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-vertical>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-vertical{position:absolute;left:var(--swiper-scrollbar-left, auto);right:var(--swiper-scrollbar-right, 4px);top:var(--swiper-scrollbar-sides-offset, 1%);z-index:50;width:var(--swiper-scrollbar-size, 4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));border-radius:var(--swiper-scrollbar-border-radius, 10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.music-container{width:80%;display:flex;flex-direction:column;gap:20px}.music-container .swiper{width:100%;padding-bottom:18px}.music-container .swiper:has(.swiper-scrollbar-lock){padding-bottom:0}.music-container .swiper .swiper-slide{width:auto;display:flex;justify-content:flex-start;align-items:flex-start}.music-container .swiper .swiper-slide img{border-radius:6px}.music-container .swiper .swiper-scrollbar{left:0;right:0;width:100%;padding:0}.music-container .swiper .swiper-scrollbar-drag{margin:0}.music-container .title-container{display:flex;align-items:center;gap:20px}@media(max-width:550px){.music-container .title-container{flex-direction:column;align-items:flex-start}}.music-container .title-container .buttons{display:flex;flex-direction:row;gap:10px}.music-container .title-container a{text-decoration:none;background-color:#727272;color:#fff;border-radius:6px;height:30px;display:flex;justify-content:center;align-items:center;padding:20px;box-sizing:border-box;border-bottom:2px rgb(104,104,104) solid;transition:all .1s}.music-container .title-container a:hover{filter:brightness(.9)}.music-container .title-container h1{font-size:40px;color:#aaa}.music-container .bold{font-weight:600}.music-container .description{display:flex;flex-direction:column;gap:12px}.music-container .skill-list{display:flex;flex-wrap:wrap;gap:10px}.music-container .skill-list .skill{background-color:#fff;padding:6px 8px;border-radius:6px;vertical-align:middle}.music-container .skill-list .skill:before{content:"";width:8px;transform:translateY(-2px);height:8px;background-color:#aaa;display:inline-block;margin-right:6px;border-radius:50%}