*{margin:0;padding:0;box-sizing:border-box}body{background-color:#0a0a0a;padding:20px}h1,h2{color:#fff}h2{font-size:32px}h3{font-size:16px}h3,h4{color:#fff}p{color:#aaa}section{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:10vh;margin-top:10vh}.title-1{font-size:50px}.title-1,.title-2{margin:10px}.title-3{margin:10px;font-size:30px;color:#aaa}.subtitle-1{margin-bottom:75px;width:600px;text-align:start;margin:10px}.subtitle-1,.subtitle-2{font-weight:300;color:#aaa}.subtitle-2{margin-bottom:75px;margin-top:10px}.box-1{border-radius:20px;background-color:#1c1c1c;border:2px solid #4a4a4a}.grid-background-top{position:absolute;top:0;left:0;width:100%;min-height:300vh;z-index:-1;pointer-events:none;background-image:linear-gradient(hsla(0,0%,100%,.2) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.2) 1px,transparent 0);background-size:100px 100px;background-repeat:repeat;-webkit-mask-image:linear-gradient(180deg,transparent 0,hsla(0,0%,100%,.7) 200px,hsla(0,0%,100%,.7) 800px,transparent 1000px,transparent 1600px,hsla(0,0%,100%,.7) 1800px,hsla(0,0%,100%,.7) 2300px,transparent 2500px,transparent 90%,hsla(0,0%,100%,.7) 95%,transparent);mask-image:linear-gradient(180deg,hsla(0,0%,100%,.7) 0,transparent 600px,transparent 1200px,hsla(0,0%,100%,.7) 1800px,transparent 2400px,transparent 2600px,hsla(0,0%,100%,.2) 3200px,transparent 3600px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}a{text-decoration:none;color:inherit;cursor:pointer}footer{display:flex;flex-direction:column;margin-bottom:150px;margin-top:50px;gap:70px}.contacts-row,footer{justify-content:center;align-items:center}.contacts-row{gap:150px;display:grid;grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.contacts-row{grid-template-columns:1fr;gap:70px}}.contact{flex-direction:column;gap:20px;width:100px}.contact,.contact-shape{display:flex;justify-content:center;align-items:center}.contact-shape{height:70px;width:70px;border-radius:70px;background-color:#1c1c1c}.contact-label{display:flex;flex-direction:column;gap:10px}.qualification-row{display:grid;grid-template-columns:1fr max-content 1fr;-moz-column-gap:1rem;column-gap:1rem;height:120px}.qualification-line{display:block;width:1px;height:120px;transform:translate(6px,-7px)}.qualification-line,.qualification-rounder{background-color:#bb000e;padding:0;margin:0}.qualification-rounder{display:inline-block;width:13px;height:13px;border-radius:50%}.calendar-box{display:flex;flex-direction:row;justify-content:start;align-items:center;gap:5px;margin:20px 0}.qualification-label{display:flex;flex-direction:column;align-items:start;gap:5px}.qualification-title{width:150px;text-align:start;font-size:16px}.qualification-institution{color:#aaa;font-weight:200;font-size:12px}.qualification-date{font-size:11px}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center}.animate-on-scroll{opacity:0;transition-property:opacity,transform;transition-duration:.8s;transition-timing-function:ease-out;will-change:opacity,transform}.animate-on-scroll.slide-up{transform:translateY(30px)}.animate-on-scroll.slide-left{transform:translateX(-50px)}.animate-on-scroll.slide-right{transform:translateX(50px)}.animate-on-scroll.zoom-in{transform:scale(.9)}.animate-on-scroll.reveal{opacity:1;transform:translate(0) scale(1)}header .photo.animate-on-scroll.slide-left{transition-duration:1s}.header-text-box .animate-on-scroll.slide-up{transform:translateY(20px);transition-duration:.6s}.project{margin-bottom:20vh;padding:0 10px}.project-scroll-container{position:relative;display:flex;align-items:center;max-width:100%}.project-list{display:flex;gap:50px;overflow-x:auto;scroll-behavior:smooth;padding:20px 30px;margin:0 auto;scrollbar-width:none;-ms-overflow-style:none}.project-list::-webkit-scrollbar{display:none}.project-template{flex-shrink:0;width:600px;border-radius:10px;background-color:#1c1c1c;display:flex;gap:10px;overflow:hidden;border:1px solid #2a2a2a;transition:transform .3s ease}.project-template:hover{transform:translateY(-5px)}.project-item-image{width:250px;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.project-item-right{padding:10px 15px;height:100%;display:flex;flex-direction:column;justify-content:space-between;text-align:left}.project-title{margin:5px 0}.project-description{font-size:14px;margin:5px 0;color:#b0b0b0}.project-stack-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:5px}.project-stack-item{display:flex;align-items:center;background-color:rgba(0,0,0,.186);border-radius:10px;padding:5px 10px;gap:7px;border:1px solid #464646}.project-stack-item-name{font-size:12px}.github-rep-link{text-align:left;color:#a1a1a1;font-size:14px;margin-top:10px;display:inline-block;font-weight:500}.github-rep-link:hover{color:#fff}.scroll-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background-color:rgba(28,28,28,.463);color:#fff;border:1px solid #444;border-radius:0;width:40px;height:80px;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}.scroll-arrow.left-arrow:before{content:"\2039"}.scroll-arrow.right-arrow:before{content:"\203A"}.scroll-arrow:hover{background-color:#333;transform:translateY(-50%) scale(1.1)}.scroll-arrow.left-arrow{left:-10px}.scroll-arrow.right-arrow{right:-10px}@media (max-width:768px){.project-template{width:270px;flex-direction:column}.project-item-image{width:100%;height:160px}.project-list{gap:25px}.scroll-arrow{background-color:rgba(0,0,0,.5)}.scroll-arrow.left-arrow{left:5px}.scroll-arrow.right-arrow{right:5px}}.skills{display:flex;justify-content:center;align-items:center;gap:50px}.skill-icon{height:80px;padding:10px}.skill-icon-box{filter:saturate(0);transition:.5s;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#1c1c1c;height:120px;width:120px;border-radius:10px}.skill-icon-box:hover{filter:saturate(100%)}.skills-list{width:75vw;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,max-content));gap:50px;justify-content:center;align-items:center}.aboutme{gap:50px;display:flex;justify-content:space-around}.aboutme-text{margin:20px;max-width:75vw;width:700px;color:#fff;padding:15px 0}header{display:flex;align-items:center;justify-content:center;gap:50px;height:50vh;margin-top:100px;margin-bottom:100px}.photo{border-radius:50px}.header-text-box{display:flex;flex-direction:column;align-items:start}@media (max-width:768px){header{justify-content:center;height:500px}.header-text-box,header{display:flex;flex-direction:column;align-items:center}.subtitle-1{width:300px;text-align:center}.title-1{font-size:40px}}