*{margin:0;padding:0;box-sizing:border-box}.main{width:100vw;background-color:#5c094a}header{background:linear-gradient(to bottom right,#2bffed 50%,#5c094a 70%,#5c094a);width:100%;height:15%;position:fixed;z-index:1000;top:0;left:0}header:before{content:"";position:absolute;top:10px;left:0;width:100%;height:5px;background:linear-gradient(to right,#5c094a,#0000);z-index:-1}header h1{margin:0;padding:0;text-align:left;font-size:calc(15vh - 10px);background:linear-gradient(to bottom,#5c094a 80%,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:15vh;vertical-align:middle}#top-back{position:absolute;top:0;right:1%;display:flex;align-items:center;justify-content:center;object-fit:cover}#image-box-a,#image-box-b{flex:1}#image-box-a img,#image-box-b img{width:auto;height:calc(100% - 5px);max-height:15vh;object-fit:contain;transform:scaleY(-1)}#routerview{padding:10%;width:100vw;min-height:100vh}footer{display:flex;justify-content:flex-end;align-items:center;width:100%;height:15%;background:linear-gradient(to top left,#2bffed 50%,#5c094a 70%,#5c094a);position:fixed;z-index:1000;bottom:0;right:0}#router-links{display:flex;flex-wrap:nowrap;gap:10px;list-style:none;margin:0;padding:0}.square-link{display:flex;justify-content:center;align-items:center;width:15vw;height:15vh;background-color:#fff;color:#5c094a;text-decoration:none;font-size:min(7.5vh,7.5vw);line-height:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:clip;border-radius:12px;box-shadow:0 4px 6px #5c094a;transition:background-color .3s ease}.square-link:hover{background-color:#ff95e8}#image-box-c{display:flex;justify-content:center;align-items:center;margin-left:10px;width:30vw;height:auto}#image-box-c img{width:100%;height:auto;object-fit:contain}.home{margin:5% 0 10%}.home h1{color:#fff;font-size:3rem;text-align:center}.home h2{color:#fff;font-size:2rem;text-align:center;border-bottom:2px solid #f51773ff}.home h3{color:#f51773;font-size:1.2rem;text-align:center}.pictures{width:80vw;height:60vh;margin:5% 0;background:linear-gradient(45deg,#2bffed,#5c094a 25%,#fff 75%,#2bffed);transform:skewY(-7deg);border:5px double #f51773ff;position:relative;animation:slide-skew .4s cubic-bezier(.25,1,.5,1) forwards}.pictures img{position:absolute;width:100%;height:100%;object-fit:contain;opacity:0;animation:image-switch-animation 30s infinite}@keyframes image-switch-animation{0%{opacity:0}5%{opecity:1}10%{opacity:1}20%{opacity:0}to{opacity:0}}.pictures img:nth-of-type(1){animation-delay:0s}.pictures img:nth-of-type(2){animation-delay:5s}.pictures img:nth-of-type(3){animation-delay:10s}.pictures img:nth-of-type(4){animation-delay:15s}.pictures img:nth-of-type(5){animation-delay:20s}.pictures img:nth-of-type(6){animation-delay:25s}.pictures img:nth-of-type(7){animation-delay:30s}.pictures img:nth-of-type(8){animation-delay:35s}@keyframes slide-skew{0%{transform:translate(180px,30px);opacity:0}to{transform:translate(0),skewY(-7deg)}20%,to{opacity:1}}