body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:kanit;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}p{margin:0}a{color:#fff}a,h1{text-decoration:none}@font-face{font-family:senzoku;font-style:normal;font-weight:400;src:url(/Senzoku-portfolio/static/media/senzoku.2e64f846cac75b04e5b8.ttf) format("truetype")}*,h1,h2{margin:0}*{box-sizing:border-box;padding:0}html{scroll-behavior:smooth}body{background-color:#030303;font-family:sans-serif;overflow:hidden}#root,.app{height:100vh}.app{-webkit-overflow-scrolling:touch;overflow-y:scroll;scroll-behavior:smooth;scroll-snap-type:y mandatory;scrollbar-width:none}.app::-webkit-scrollbar{display:none}.app section{min-height:100vh;position:relative;scroll-snap-align:start;scroll-snap-stop:always}.logo_container{align-items:center;display:flex;gap:.833vw}.header{display:flex;justify-content:space-between}.logo{height:auto;width:clamp(24px,2vw,42px)}.logo_name{color:#e10241;font-family:senzoku;font-size:clamp(16px,1.3vw,28px)}.name_container{align-items:flex-end;color:#e10241;display:flex;flex-direction:column;font-size:clamp(14px,1.3vw,26px);gap:clamp(6px,.6vw,12px)}.name{font-weight:400;margin:0 0 -.8vw;padding:0}.surname{font-weight:500;margin:0;padding:0}.text1{color:#fff}.text1,.text2{font-size:clamp(28px,4vw,72px);font-weight:600;height:3.5vw;letter-spacing:11%}.text2{color:#e10241}.text3{color:#7d7d7d;font-size:clamp(14px,1.2vw,24px);line-height:160%;padding-top:clamp(20px,5vw,80px)}.number{color:#e10241;font-family:GFS Didot,serif;font-size:clamp(20px,7vw,48px);font-weight:400;height:auto}u{border-bottom:2px solid;display:inline-block;line-height:1;padding-bottom:10px;text-decoration:none}@media(max-width:768px){.logo{width:8vw}.logo_name{font-size:5vw}.name_container{font-size:4vw}.text1,.text2{font-size:10vw;height:auto;text-align:center}.text3{font-size:4vw;padding-top:8vw;text-align:center}u{padding-bottom:4px}body{overflow:auto}}.hero{justify-content:space-between}.hero,.main_container{display:flex;height:100%}.main_container{flex-direction:column;padding-top:2vw;scroll-snap-align:start}.info_wrap{align-items:flex-start;height:100%;overflow:hidden;width:90%}.info_wrap,.main_info{display:flex;justify-content:space-between}.main_info{flex-direction:column;height:-webkit-fill-available;padding-bottom:0;padding-top:20vh}.main{background-color:#030303;height:100vh;padding-left:clamp(12px,2.6vw,60px);padding-right:clamp(12px,2.6vw,60px)}.aristotel{height:100%}.main_info_container{padding-left:2vw}.arrows{align-items:center;color:#7d7d7d;display:flex;flex-direction:column;font-size:1.25vw;gap:10px;padding-bottom:1vh;width:-webkit-fit-content;width:fit-content}.arrows p{transform:rotate(-180deg);writing-mode:tb-rl}.arrow{animation:arrowFloat 1.5s ease-in-out infinite;border-bottom:2px solid #7d7d7d;border-right:2px solid #7d7d7d;height:14px;opacity:.3;transform:rotate(45deg);width:14px}@keyframes arrowFloat{0%{opacity:.2;transform:translateY(0) rotate(45deg)}50%{opacity:1;transform:translateY(6px) rotate(45deg)}to{opacity:.2;transform:translateY(0) rotate(45deg)}}@media(max-width:768px){.hero{align-items:center;flex-direction:column;gap:20px}.main{padding:none}.main_info{align-items:center;height:auto;padding-top:20px;text-align:center}.info_wrap{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-between;overflow:hidden;width:100%}.arrows{display:none}.canvas_wrap{height:40vh;width:100%}}.sidebar{gap:clamp(20px,4.5vw,80px);position:fixed;right:clamp(12px,3vw,60px);top:52%;transform:translateY(-50%);z-index:1000}.sidebar,.socials{align-items:center;display:flex;flex-direction:column}.socials{gap:clamp(10px,1.25vw,24px);width:clamp(18px,1.95vw,34px)}.links{display:flex;flex-direction:row;gap:4.5vw;transform:rotate(0deg);writing-mode:tb-rl}.links a{color:#b9b9b9;font-size:clamp(12px,1.25vw,22px);font-weight:600;transition:color .3s ease-in-out}.links a:hover{color:#fff}@media(max-width:768px){.sidebar{display:none}}.aboutme{background-color:#0f0f0f;height:100vh;overflow:hidden;padding-left:clamp(12px,2.6vw,60px);padding-right:clamp(12px,2.6vw,60px);scroll-snap-align:start}.main_about{align-items:flex-start;display:flex;flex-direction:row;height:-webkit-fill-available;justify-content:space-between;padding-top:clamp(40px,10vh,120px)}.main_about_container{padding-bottom:10vh;padding-left:2vw}.mikilanjelo{height:100%;max-height:90vh;width:auto}.image_wrap{display:flex;flex-direction:row;height:100%;justify-content:flex-end;overflow:hidden;pointer-events:auto;width:100%}@media(max-width:768px){.main_about{align-items:center;flex-direction:column;text-align:center}.main_about_container{padding-bottom:0;padding-left:0}.image_wrap{width:auto}}.projects{background-color:#030303;height:100vh;overflow:hidden;padding-left:clamp(12px,2.6vw,60px);padding-right:clamp(12px,2.6vw,60px);scroll-snap-align:start}.main_projects{align-items:flex-start;display:flex;flex-direction:row;height:-webkit-fill-available;justify-content:space-between;padding-top:clamp(40px,10vh,120px)}.main_projects_container{padding-bottom:10vh;padding-left:2vw}.card-container{align-content:flex-start;display:flex;flex-wrap:wrap;gap:clamp(12px,2.5vw,40px);padding-left:clamp(20px,10vw,160px);padding-right:clamp(20px,5vw,80px);perspective:2000px;width:100%}.card{cursor:pointer;flex-shrink:0;height:clamp(160px,20vw,320px);position:relative;transform-style:preserve-3d;transition:transform 1s cubic-bezier(.16,1,.3,1);width:clamp(160px,20vw,320px);will-change:transform}.card:hover{transform:rotateY(180deg)}.card-back,.card-front{backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:12px;height:100%;inset:0;overflow:hidden;position:absolute;width:100%}.card-back img,.card-front,.card-front img{display:block;height:100%;object-fit:cover;width:100%}.card-front{transform:rotateY(0deg)}.card-back{transform:rotateY(180deg)}.click-layer{inset:0;position:absolute;z-index:20}@media(max-width:768px){.card-container{gap:16px;justify-content:center;padding:0 0 10vh}.card{height:20vh;width:20vh}.main_projects_container{padding-bottom:0;padding-left:0}.main_projects,.main_projects_container{align-items:center;display:flex;flex-direction:column}.main_projects{height:-webkit-fill-available;padding-top:clamp(40px,10vh,120px)}}.skills{background-color:#0f0f0f;height:100vh;overflow:hidden;padding-left:clamp(12px,2.6vw,60px);padding-right:clamp(12px,2.6vw,60px);scroll-snap-align:start}.main_skills{align-items:flex-start;display:flex;height:100%;justify-content:space-between;padding-right:7vw;position:relative}.main_skills_container{padding-left:2vw;padding-top:10vw;width:25%;z-index:2}.info{color:#7d7d7d;font-size:clamp(12px,1.25vw,20px);padding-top:clamp(10px,2vw,30px)}.photo_skills{align-items:center;display:flex;height:100%;justify-content:center;left:30%;pointer-events:none;position:absolute;transform:translateX(-50%)}.book_man{height:-webkit-fill-available;height:-moz-available;height:stretch;opacity:.9;width:clamp(220px,50vw,600px)}.skills_container{display:flex;flex-direction:column;gap:clamp(10px,2vw,24px);padding-top:clamp(60px,10vw,140px);width:25%;z-index:2}.skill{display:flex;flex-direction:row;gap:3vw}.skill_wrap{display:flex;flex-direction:column;gap:10px;width:100%}.skill_top{align-items:center;display:flex;justify-content:space-between}.skill_top h3{color:#fff;font-size:clamp(14px,.8vw,16px);font-weight:500}.skill_top span{color:#e10241;font-size:clamp(14px,.9vw,18px);font-weight:500}.skill_bar{background-color:#1b1b1b;border-radius:10vw;height:clamp(4px,.45vw,8px);overflow:hidden;width:100%}.skill_fill{background:linear-gradient(90deg,#e10241,#ff4d7d);border-radius:10vw;height:100%;transition:width 2.5s cubic-bezier(.19,1,.22,1)}.skill_icon{display:none}@media(max-width:768px){.main_skills{align-items:center;display:flex;flex-direction:column;padding-left:0;padding-right:0;padding-top:10vw;width:auto;z-index:2}.skills_container{bottom:120px;gap:20px;padding-top:0;position:absolute;right:20px;width:90%}.main_skills_container{align-items:center;display:flex;flex-direction:column;padding-left:2vw;padding-top:10vw;width:auto;z-index:2}.photo_skills{left:-100px;position:relative;transform:none}.book_man{display:none}.skill_icon{align-items:center;background-color:#2a2a2a;border:1px solid #353535;border-radius:5px;display:flex;height:35px;justify-content:center;padding:5px;width:35px}.skill_icon img{width:20px}.skill_wrap{align-items:stretch;display:flex;flex-direction:column;gap:10px;justify-content:center;width:100%}}.contact{background-color:#030303;height:100vh;overflow:hidden;padding-left:clamp(12px,2.6vw,60px);padding-right:clamp(12px,2.6vw,60px);scroll-snap-align:start}.main_contact{align-items:flex-start;display:flex;height:100%;padding-right:7vw;position:relative}.main_contact_container{padding-left:2vw;padding-top:clamp(60px,10vw,140px);width:25%;z-index:2}.contact_icons{display:flex;flex-direction:column;gap:clamp(12px,1.5vw,28px);height:100%;justify-content:center;z-index:5}.link_red,.link_white{font-size:clamp(14px,1.8vw,26px);height:clamp(44px,5vw,90px);width:clamp(44px,5vw,90px)}.link_white{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff14;border-radius:50%;color:#fff;display:flex;justify-content:center;text-decoration:none;transition:.35s}.link_white:hover{background:#e10241;box-shadow:0 0 30px #e1024166;transform:scale(1.08)}.link_red{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff14;border-radius:50%;color:#fff;display:flex;font-size:1.8vw;height:5vw;justify-content:center;text-decoration:none;transition:.35s;width:5vw}.link_red:hover{background:#fff;box-shadow:0 0 30px #fff6;transform:scale(1.08)}.hand_container{align-items:flex-end;bottom:5vw;display:flex;justify-content:flex-end;pointer-events:none;position:absolute;right:-5vw;width:70vw}.hand_container img{object-fit:contain;width:100%}@media(max-width:768px){.main_contact{align-items:center;flex-direction:column;padding-right:0}.main_contact_container{margin-bottom:20px;padding-left:0;text-align:center;width:100%}.contact_icons{flex-direction:row;justify-content:center}.link_red,.link_white{font-size:18px;height:56px;width:56px}.contact_icons{height:auto}.hand_container{bottom:0;right:auto;rotate:90deg;width:100%}}
/*# sourceMappingURL=main.42242d98.css.map*/