:root{--black:#3f3f3f;--color1:#ab78ff;--color2:#9ac8e4;--color3:#fc489f;--color4:#36cec7;--color5:#3c28cc}body,html{padding:0;margin:0;max-width:100vw;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}body{overflow:hidden}a{color:inherit;text-decoration:none}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6{font-family:Kanit,sans-serif}h1{font-size:6rem}h1,h2{margin:75px auto;color:#fff}h2{font-size:5rem}h3{font-size:2rem}p{font-size:1.5rem}.rainbow{background:linear-gradient(90deg,var(--color1),var(--color2),var(--color3),var(--color4),var(--color5));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.wave{height:540px}.landingpage{padding:50px 0;max-width:100vw;display:grid;grid-template-columns:1fr 1fr;justify-content:center;align-items:center}.landingpage>div{display:flex;flex-direction:column;text-align:right;line-height:100px}.landingpage>div>*{margin:0 25px 0 0}#landingImgSvg{width:100%;max-width:90vw;aspect-ratio:1;max-height:90vh}.projects{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(max(20%,250px),1fr));grid-template-rows:auto;grid-gap:15px;justify-items:center;padding:0 50px 30px}.projects h2{grid-column-start:1;grid-column-end:-1}.projects>a{display:grid;grid-template-columns:auto;grid-template-rows:auto 1fr 1px 60px;background-color:#fff;border-radius:5px;box-shadow:0 3px 8px rgba(0,0,0,.24)}.projects a .card-img{border-top-left-radius:5px;border-top-right-radius:5px;width:100%;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover}.projects a .card-text h3{text-align:center;margin-bottom:0}.projects a .card-text p{padding:0 32px;text-decoration:none;color:#000}.projects a .card-tech{display:flex;justify-content:center;align-items:center;margin-top:15px;margin-bottom:15px;gap:10px}.projects a .card-tech>img{width:25px;height:25px}.break-line{margin:5px auto;width:75%;border-top:1px solid #000}.motivation{grid-template-columns:auto;color:#fff;white-space:pre-line;text-align:center}.motivation,.technologies{display:grid;justify-content:center;padding:0 50px 50px}.technologies{grid-template-columns:1fr}.technologies .technologies-list{background-color:#fff;border-radius:5px;box-shadow:0 3px 8px rgba(0,0,0,.24);padding:0 50px;width:auto}.technologies .technologies-list a{display:grid;grid-template-columns:1fr 1fr 2fr;text-align:center;height:150px;justify-content:center;align-items:center;box-shadow:inset 0 1px 0 var(--black)}.technologies .technologies-list a:first-child{box-shadow:none}.technologies a .list-img{height:100px;width:100px;aspect-ratio:1;filter:invert(21%) sepia(4%) saturate(21%) hue-rotate(63deg) brightness(98%) contrast(85%)}.technologies a:hover>.list-img{filter:invert(70%) sepia(48%) saturate(582%) hue-rotate(126deg) brightness(92%) contrast(89%)}.technologies a .list-text{font-size:2rem}.technologies a .list-percentage{width:100%;min-width:400px;height:25px;background-color:#f0f0f0;border-radius:5px}.technologies a .list-percentage div{border-radius:5px}.contact-me{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;justify-content:center;text-align:center;color:#fff;min-height:50vh;padding:0 50px 50px}@media only screen and (max-width:1199px){html{font-size:10px}.landingpage{grid-template-columns:1fr}.landingpage>div{text-align:center;line-height:50px}#landingImgSvg{max-width:100vw;max-height:100vh}.technologies .technologies-list a{grid-template-columns:-webkit-min-content 1fr;grid-template-columns:min-content 1fr;grid-template-rows:3fr 1fr 1fr;height:250px}.technologies a .list-percentage{grid-column:span 2;width:90vw;min-width:200px}}