.dither-container{width:100%;height:100%;position:relative}@font-face{font-family:zpix;src:url(/3Dportfolio/assets/zpix-WOn0lDZD.woff2) format("woff2");font-weight:400;font-style:normal}*{box-sizing:border-box}html,body,main,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{font-family:zpix;color:#000;background:#202025}.content{width:825px;height:665px;background:transparent;overflow-y:hidden;overflow-x:hidden}.wrapper{width:825px;height:665px}.content iframe{width:100%;height:100%;overflow-y:hidden;overflow-x:hidden;border:none}.button{display:inline-block;border-radius:4px;background-color:#333;border:none;color:#fff;text-align:center;font-size:1vw;padding:1vh;width:6vw;cursor:pointer;font-family:zpix;font-weight:700}.button span{display:inline-block;position:relative;transition:.5s}.button span:after{content:"»";position:absolute;opacity:0;right:-20px;transition:.5s}.button:hover span{padding-right:25px}.button:hover span:after{opacity:1;right:0}.scrolling-container{width:100%;overflow:hidden;white-space:nowrap}.scrolling-text{display:inline-block;animation:scrollText 3s linear infinite}@keyframes scrollText{0%{transform:translate(100%)}to{transform:translate(-100%)}}.hoverArrowBody{position:absolute;bottom:40px;right:10vw;transform:translateY(150%);width:10vw;height:10vw;display:flex;justify-content:space-between;align-items:center}.hoverArrow{border:solid white;border-width:0 1.5vw 1.5vw 0;padding:2vw;transform:rotate(135deg);animation:arrowLoad 2s infinite}.hoverArrow:nth-child(1){left:1vw;animation-delay:-.4s}.hoverArrow:nth-child(2){animation-delay:-.2s}.hoverArrow:nth-child(3){right:1vw}@keyframes arrowLoad{0%{opacity:0;transform:rotate(135deg) translate(-2.5vw,-2.5vw)}0%{opacity:1}to{opacity:0;transform:rotate(135deg) translate(2.5vw,2.5vw)}}.loadingScreen{position:fixed;inset:0;background-color:inherit;background-image:inherit;display:flex;align-items:center;justify-content:center;transition:opacity 8s;z-index:1;font-family:zpix}.loadingScreen__board{padding:64px;background-color:#3d3d3d6b;text-align:center;border:dashed 6px rgb(0 0 0 / 12%);transition:opacity .4s;width:100%;height:100%}.loadingScreen__title{font-size:10vh;color:#ffffffc9;margin:0;margin-bottom:4vh;margin-top:25vh}.loadingScreen__button{padding:8px 32px;background-color:#0000003d;color:#b0b0b0;border:none;font-weight:700;font-size:5vh;border-radius:8px;transition:background-color .4s;font-family:zpix}.loadingScreen__button:hover{background-color:#0000006b;cursor:pointer}.loadingScreen__button:disabled{opacity:.3;cursor:not-allowed}.loadingScreen__progress{position:absolute;bottom:0;left:0;width:100%;height:12px}.loadingScreen__progress__value{position:absolute;left:0;top:0;bottom:0;background-color:#0000007f;transition:width .4s}.loadingScreen--started{opacity:0;pointer-events:none}.loadingScreen--started .loadingScreen__board{opacity:0}