.greeting-imoji{display:inline-block;animation:wave 2s ease 0s infinite normal both;font-size:1.2em}@keyframes wave{0%,100%{transform:translateX(0%)rotate(0);transform-origin:50% 50%}15%{transform:rotate(-20deg)}30%{transform:rotate(20deg)}45%{transform:rotate(-15deg)}60%{transform:rotate(10deg)}75%{transform:rotate(-8deg)}}body{font-size:clamp(16px,3vw,1.8em)}h1{font-size:clamp(2.2em,7vw,2.5em);background:linear-gradient(90deg,#0968e5 0%,#091970 100%);background-size:300% 200%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradient 2s alternate infinite;font-weight:900}h2,h3,a{background:linear-gradient(90deg,#0968e5 0%,#091970 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}html{scroll-behavior:smooth}.tools img{height:clamp(50px,5vw,60px);max-width:25vw;margin-left:auto;margin-right:auto}.tools img:hover,a:hover{filter:drop-shadow(5px 5px 5px #aaa)}.skills-container,.tools-container{padding-right:clamp(40px,20vh,10vw)}.first-page,section:not(.patterned-bg){margin:0 auto;padding-left:clamp(40px,20vh,10vw);padding-right:clamp(40px,20vh,10vw);max-width:1500px}.card{display:inline-block;margin-left:auto;margin-right:auto;background:0 0;text-align:center;padding:5px}.skills .card{padding:20px}.skills .card span{background:linear-gradient(0deg,#5fc52e 0%,#6eee87 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:bolder;font-size:1.5em;line-height:1.5em}.skills,.tools{display:flex;gap:20px 20px}.project li,.project p{font-size:17px;font-family:helvetica,roboto,segoe ui,sans-serif}.project li{padding-left:.5em}.project li::marker{color:#0968e5;content:"►"}.tools .card h3{border-bottom:1px solid #aaa;margin-bottom:10px}.tools .card img{max-width:180px}.typed-container{height:2em}.screenshot img{height:clamp(400px,70vh,500px);filter:drop-shadow(.3em .3em .6em #bdbdc8);transform:rotate(10deg)}.screenshot{justify-content:center;align-items:center;display:flex}.history *,.summery *{text-align:center}a{text-decoration:none;font-weight:bolder;padding-bottom:5px;position:relative}a:not(nav a)::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:6px;background:linear-gradient(225deg,#0968e5 0%,#091970 100%)}.patterned-bg{padding:.5em 0;--s:60px;--c1:#ffffff;--c2:#d8e2f2;background:conic-gradient(from -45deg,var(--c1) 90deg,#0000 0 180deg,var(--c2) 0 270deg,#0000 0)0 calc(var(--s)/2)/var(--s)var(--s),conic-gradient(from 135deg at 50% 0,var(--c1) 90deg,var(--c2) 0)0 0/calc(2*var(--s))var(--s);background:#f2f2f7}body{font-family:kodchasan,sans-serif}nav{position:unset;background:0 0;box-shadow:none}nav a{padding:2px 10px;font-weight:400;transition:none!important}nav a:hover{border-bottom:5px solid #0968e5}