html{--s:200px;--c1:#dc9d37;--c2:#fed450;--c3:#125c65;--c4:#bc4a33;--c5:#fff;--_g:var(--c1) 25%,var(--c2) 0 50%,#0000 0;--_l1:var(--c5) 0 1px,#0000 0 calc(25% - 1px),var(--c5) 0 25%;--_l2:var(--c5) 0 1px,#0000 0 calc(50% - 1px),var(--c5) 0 50%;background:repeating-linear-gradient(45deg,var(--_l1)),repeating-linear-gradient(-45deg,var(--_l1)),repeating-linear-gradient(0deg,var(--_l2)),repeating-linear-gradient(90deg,var(--_l2)),conic-gradient(from 135deg at 25% 75%,var(--_g)),conic-gradient(from 225deg at 25% 25%,var(--_g)),conic-gradient(from 45deg at 75% 75%,var(--_g)),conic-gradient(from -45deg at 75% 25%,var(--_g)),repeating-conic-gradient(var(--c3) 0 45deg,var(--c4) 0 90deg);background-size:var(--s) var(--s);font-size:10px;font-family:'Lexend',sans-serif}body{margin:0;padding:0;box-sizing:border-box;margin-top:6rem}a{text-decoration:none;color:inherit}ul{padding-left:0}li{list-style:none}.container{width:100%;max-width:96rem;margin:0 auto}@media screen and (max-width:1000px){.container{width:calc(100% - 4rem)}}@media screen and (max-width:1023px){html{font-size:.9765625vw}}@media screen and (max-width:768px){html{font-size:62.5%}}@media screen and (max-width:375px){html{font-size:2.6666666667vw}}header{width:100%;height:6rem;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.8);border-bottom:1px solid #fff;z-index:1000}header .container{display:flex;align-items:center;justify-content:space-between;height:100%;color:#fff;font-size:2rem;font-weight:700;letter-spacing:2%}.header-title{color:#fff}.header-navi ul{display:flex;justify-content:flex-end;gap:3rem}@media screen and (max-width:768px){.header-navi{display:none}}main{padding-top:3rem}main .container{background-color:rgba(0,0,0,.8);border:1px solid #fff;margin:3rem auto 4.5rem auto;padding:2rem;color:#fff;font-size:1.6rem;font-weight:400;letter-spacing:2%}.section-title{font-size:2.4rem;font-weight:700;margin-bottom:2rem}.section-subtitle{text-decoration:underline}.section-ul li{padding-left:3rem}.li-date{color:gray}#about{padding-bottom:3rem}#works{padding-bottom:3rem}#contact{padding-bottom:3rem}.contact-link{padding-left:3rem}footer{width:100%;position:fixed;bottom:0;left:0;height:4.5rem;font-size:1.4rem;color:gray;font-weight:400;letter-spacing:2%;display:flex;align-items:center;justify-content:flex-end;padding:0 2rem}