.page-fade-in{animation:fadeIn 1s ease-in forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.header-container{position:fixed;top:60px;right:60px;display:flex;color:#a3f0e7;font-family:"Droid Serif",serif;font-size:20px;font-weight:700;z-index:1}.header-item{margin-left:45px;position:relative;cursor:pointer}.header-item:before{content:"";position:absolute;left:0;bottom:0;width:0;height:1.5px;background-color:#a3f0e7;transition:width .15s ease-in-out}.header-item:hover:before{width:100%}.header-item.active:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1.5px;background-color:#a3f0e7;transition:width .15s ease-in-out}.top-container{margin:20px 50px;color:#a3f0e7;font-family:"Droid Serif",serif}.top{font-size:80px;font-weight:700}canvas{position:fixed;top:0;left:0}.about-container{margin:20px 50px;color:#a3f0e7;font-family:"Droid Serif",serif}.about{font-size:80px;font-weight:700}.name{margin-bottom:40px;font-size:40px}.bio{margin:25px 0;line-height:1.75;font-family:游明朝体,MS明朝;font-size:20px}.icon-container{position:absolute;left:50px;bottom:50px;display:flex;flex-direction:row}.twitter-container{margin-right:10px}.twitter{width:45px;height:45px}.github-container{margin-left:10px}.github{width:45px;height:45px}.skill-container{position:absolute;right:50px;bottom:20px;color:#a3f0e7;font-family:"Droid Serif",serif}.skill{font-size:80px;font-weight:700}*{overflow:hidden;margin:0;padding:0}canvas{position:fixed;top:0;left:0;z-index:-1}.works-container{margin:20px 50px;color:#a3f0e7;font-family:"Droid Serif",serif}.works{font-size:80px;font-weight:700}.detail-container{position:fixed;left:50%;transform:translate(-50%);display:flex;bottom:75px;color:#a3f0e7;font-family:"Droid Serif",serif}.arrow-left{transform:rotate(90deg);width:25px;height:25px;margin-top:5px;margin-right:25px;cursor:pointer}.arrow-right{transform:rotate(270deg);width:25px;height:25px;margin-top:5px;margin-left:25px;cursor:pointer}.detail{color:#a3f0e7;font-family:"Droid Serif",serif;font-size:25px;cursor:pointer}.detail:before{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:0;width:0;height:1.5px;background-color:#a3f0e7;transition:width .15s ease-in-out}.detail:hover:before{width:40%;left:50%;transform:translate(-50%)}.fade-in{opacity:0;transition:opacity .5s ease-in-out}.fade-in.visible{opacity:1}*{z-index:100}.work-modal{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:9999}.work-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;z-index:-1}.work-content{position:relative;max-width:875px;width:90%;max-height:90%;overflow:hidden;background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #0000004d}.work-close-button{position:absolute;top:5px;right:5px;padding:8px 12px;background-color:transparent;border:none;color:#fff;font-size:20px;cursor:pointer;z-index:1000}.work-slides{position:relative;height:0;padding-bottom:56.25%;overflow:hidden}.work-slides img{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .3s ease-in-out}.work-slides img.active{opacity:1}.work-pagination{display:flex;justify-content:center;margin-top:7.5px;margin-bottom:7.5px}.work-pagination span{width:12px;height:12px;margin:0 4px;border-radius:50%;background-color:#ccc;cursor:pointer}.work-pagination span.active{background-color:#333}*{margin:0;padding:0}body{margin:0;padding:0;overflow:hidden}.container{box-sizing:border-box;position:absolute;top:0;left:0;height:100vh;width:100vw;background:#600b14;border:solid 12.5px #a3f0e7}@media (max-width: 1200px){body:before{content:"S.Yamamoto PortfolioSite.\aThis website is for PC only.\aPlease view in full screen.";white-space:pre;line-height:1.75;position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background-color:#222;color:#fff;font-size:clamp(20px,5vw,36px);font-family:游明朝体;z-index:9999}}@media (max-height: 700px){body:before{content:"S.Yamamoto PortfolioSite.\aThis website is for PC only.\aPlease view in full screen.";white-space:pre;line-height:1.75;position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background-color:#222;color:#fff;font-size:clamp(20px,5vw,36px);font-family:游明朝体;z-index:9999}}