@font-face{font-family:'font';src:url(./font.woff2)}@font-face{font-family:'sf';src:url(./sf.woff2)}:root{--index:calc(1vw + 1vh)}::-webkit-scrollbar{display:none}.preloader{position:fixed;left:0;top:0;right:0;bottom:0;background:#fff;z-index:1001}.preloader__row{position:relative;top:50%;left:50%;width:70px;height:70px;margin-top:-35px;margin-left:-35px;text-align:center;animation:preloader-rotate 2s infinite linear}.preloader__item{position:absolute;display:inline-block;top:0;background:linear-gradient(110deg,#5ca5d4,#cc63dd,#ef7b7f,#ecba59);border-radius:100%;width:35px;height:35px;animation:preloader-bounce 2s infinite ease-in-out}.preloader__item:last-child{top:auto;bottom:0;animation-delay:-1s}@keyframes preloader-rotate{100%{transform:rotate(360deg)}}@keyframes preloader-bounce{0%,100%{transform:scale(0)}50%{transform:scale(1)}}.loaded_hiding .preloader{transition:0.3s opacity;opacity:0}.loaded .preloader{display:none}body{background-color:#f5f5f5;margin:0;font-family:font;padding:0 24px}.contact{position:fixed;width:100vw;height:100vh;top:0;left:0;z-index:10;transition:0.5s;padding:0 24px}.contact p{transition:.5s;max-width:500px;opacity:0;filter:blur(10px)}header img{width:calc(var(--index) * 0.85 + 9px);height:calc(var(--index) * 0.85 + 9px);opacity:.32;transition:.5s;padding:4px;border-radius:10px}header img:hover{background:#8d8d8d68}.rotated{transform:rotate(-90deg)}hr{max-width:500px;height:2.5px;background-color:#fff0;border:none;transition:.5s;opacity:0;filter:blur(10px);margin-top:24px}.start{background:#fff0;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0)}.start hr{opacity:0;background-color:#fff0;filter:blur(10px)}.start p{opacity:0;filter:blur(10px)}.end{background:#f5f5f552;backdrop-filter:blur(19px);-webkit-backdrop-filter:blur(19px)}a,button,p,img,li{outline:none;-webkit-tap-highlight-color:#fff0}.end p{opacity:1;filter:blur(0)}.end hr{opacity:1;background-color:#d5d5d5ab;filter:blur(0)}.contactTopic{max-width:500px;margin:21vh auto 0 auto;font-size:calc(var(--index) * 0.9 + 15px)}.displayNone{display:none}.contactLink{font-family:sf;font-size:calc(var(--index) * 0.4 + 14px);text-decoration:none;color:#515151d7}.contactLink p{max-width:500px;margin:24px auto 0 auto}.close{position:absolute;bottom:24px;text-align:center;width:100vw;margin:0 auto;left:0;right:0;cursor:pointer;font-family:sf;font-size:calc(var(--index) * 0.4 + 14px)}.center{display:flex;justify-content:center;width:100%}header{display:flex;justify-content:space-between;position:fixed;width:100vw;height:calc(var(--index) * 1.5 + 32px);backdrop-filter:blur(19px);-webkit-backdrop-filter:blur(19px);background:rgb(225 225 225 / .05);mask-image:linear-gradient(#000000 50%,rgb(0 0 0 / .8) 70%,#fff0 100%);-webkit-mask-image:linear-gradient(#000000 50%,rgb(0 0 0 / .8) 70%,#fff0 100%);inset:-1rem 0;padding:6px 24px;margin:0;top:0;left:0;z-index:10}header .title{margin:0;font-size:calc(var(--index) * 0.9 + 12px)}header ul{position:relative;list-style-type:none;padding:0;margin:0;right:36px}header li{color:#757575;padding:4px 12px;border-radius:8px;cursor:pointer}header li p{margin:0;font-family:sf}li p{margin:0}li p.eng{display:none}li.expanded p.eng{display:block}a{transition:.5s;color:#757575}.greeting{color:#757575;font-family:font;text-align:left;font-size:calc(var(--index) * 1.8 + 9px);max-width:500px;margin:22vh auto 0 auto;min-width:none}.row{display:flex;max-width:500px;margin:0 auto 18vh auto}.greetingLink{transition:.5s;text-decoration:underline #f5f5f5;cursor:pointer}.greetingLink p{font-family:sf;margin-right:24px;font-size:calc(var(--index) * 0.54 + 11px);color:#757575}.greetingLink:hover{text-decoration:underline #757575;color:#000}.black{color:#000}.gradient{background:linear-gradient(110deg,#5ca5d4,#cc63dd,#ef7b7f,#ecba59);-webkit-background-clip:text;-webkit-text-fill-color:#fff0}.calculate{max-width:500px;margin:auto;background:linear-gradient(110deg,#5ca4d42d,#cd63dd34,#ef7b7f41,#ecbb5949);border-radius:24px;padding:0}.result{font-size:calc(var(--index) + 15px);padding-bottom:12px;width:min-content;text-wrap:nowrap}.option,.time{display:inline-block;background:#ffffff6b;border-radius:8px;padding:10px;color:#333;cursor:pointer;transition:all 0.3s ease}.info{font-size:calc(var(--index) * 0.4 + 15px);color:#757575;max-width:500px;margin:26px auto;font-family:sf;transition:ease-out 0.5s;z-index:1}a{text-decoration:underline #f5f5f5}.topic{color:#757575;font-family:font;text-align:left;font-size:calc(var(--index) * 1.3 + 19px);max-width:500px;margin:19vh auto 0 auto;min-width:none}.footer{max-width:500px;margin:0 auto;padding-bottom:36px}.footerLink{font-size:calc(var(--index) * 0.4 + 15px);text-decoration:underline #bababa;margin-right:12px}.defaultText{transition:.3s}.bluredText{filter:blur(8px);opacity:0}.skills{display:flex;margin:auto;max-width:508px;padding:16px 0;position:relative}.skill{list-style:none;align-items:center;margin:4px;padding:12px;background:#fff;cursor:pointer;position:relative;overflow:visible}.skill h5{margin:0;font-size:calc(var(--index) * 0.9 + 8px)}.skill p{font-size:calc(var(--index) * 0.7 + 5px);font-family:sf}.col{display:flex;flex-direction:column;width:50%}.g1{display:flex;flex-direction:column;border-radius:32px 16px 16px 16px;height:200px;align-items:flex-start;justify-content:space-between}.g2{border-radius:16px 16px 16px 32px;margin-top:4px;display:flex}.g3{border-radius:16px 32px 16px 16px;display:flex}.g4{display:flex;flex-direction:column;border-radius:16px 16px 32px 16px;height:200px;margin-top:4px;align-items:flex-start;justify-content:space-between}.skill button{background:#f5f5f5;color:#333;font-size:24px;border:none;padding:4px 12px;border-radius:100px;transition:.3s}.skill:hover button{background:#fff}.left{display:flex;flex-direction:column;align-items:start;justify-content:flex-start;width:100%}.right{display:flex;flex-direction:column;align-items:end;justify-content:flex-end;width:100%}.expand-block{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff0;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);box-sizing:border-box;opacity:0;visibility:hidden;transition:opacity 0.3s ease,transform 0.3s ease,visibility 0.3s;z-index:1000;overflow-y:auto;display:flex;flex-direction:column}.expand-block.active{opacity:1;visibility:visible;background:#f5f5f552;backdrop-filter:blur(19px);-webkit-backdrop-filter:blur(19px)}.close-btn{position:fixed;right:20px;top:16px;background:#fff0;border:none;font-size:22px;cursor:pointer;color:#333;padding:8px 6px;transition:color 0.3s}.close-btn:hover{transform:scale(1.1)}.expand-block .content{max-width:500px;margin:20px auto 0 auto;padding:0 0 100px 0;flex-grow:1;filter:blur(20px);transition:.5s;padding:20px}.expand-block.active .content{filter:blur(0)}.expand-block .content h3{font-size:24px;color:#000;margin-top:0;margin-right:64px}.expand-block .content h4{font-size:22px;color:#333}.expand-block .content img{width:100%;max-width:500px}.expand-block .content p{font-size:19px;color:#333;margin:24px 0;font-family:sf}.quote{font-family:sf;text-align:right;color:#666;max-width:500px;margin:0 auto}.arch{width:100%;background:linear-gradient(#804eca,#631fc9);border-radius:25px}.tg{width:100%;background:linear-gradient(#24A1DE,#1683ba);border-radius:25px}.app{width:100%;background:linear-gradient(#e74c3c,#371915);border-radius:25px}.landing{width:100%;background:linear-gradient(#7B920A,#4a7d06);border-radius:25px}