body{overflow:hidden;overflow-y:hidden;font-family:Helvetica Neue;margin:0;padding:0;background-color:#000}.webgl{overflow:scroll;height:500vh}.year-description-left{position:absolute;display:flex;flex-direction:row;opacity:0;width:97vw;height:55vh;transform:translate(-50%,-50%);top:50%;left:50%;z-index:-20;padding:1.5%;transition:height 1s ease-out}.year-left{display:flex;justify-content:flex-start;opacity:0;text-shadow:0px 0px 10px #544bff;color:#ededff;padding-left:1%;font-size:10vw;font-weight:400;width:50%;height:100%;transition:width 1s ease-out,text-shadow 1s ease-out}.description-left{display:flex;opacity:0;flex-direction:column;justify-content:flex-start;color:#fff;font-size:2.2vh;font-weight:300;width:50%;padding:8% 4% 0%;transition:width 1s ease-out}.year-description-right{position:absolute;display:flex;flex-direction:row;opacity:0;width:97vw;height:55vh;transform:translate(-50%,-50%);top:50%;left:50%;z-index:-20;padding:1.5%;transition:height 1s ease-out}.year-right{display:flex;justify-content:flex-end;padding-right:1%;text-shadow:0px 0px 10px #544bff;color:#ededff;font-size:10vw;font-weight:400;width:50%;height:100%;transition:width 1s ease-out}.description-right{display:flex;flex-direction:column;justify-content:flex-start;color:#fff;font-size:2.2vh;font-weight:300;width:50%;padding:8% 4% 0%;transition:width 1s ease-out}.bar{position:absolute;font-weight:300;font-size:1.2vw;display:flex;opacity:0;border:1px dashed rgba(255,255,255,.3);flex-direction:row;justify-content:space-between;align-items:center;bottom:8vh;left:12vw;width:40vw;height:8vh}.bar-category-title{text-transform:uppercase;font-size:1vw;font-weight:500;color:#6f6f6f;margin-top:3px;margin-bottom:2px}.bar-category-year,.bar-category-era,.bar-category-method,.bar-category-removeable{font-size:.9vw;font-weight:200;color:#fff;margin-bottom:2px}.bar-element{display:flex;flex-direction:column;color:#fff;border-right:1px dashed rgb(255,255,255,.3);justify-content:center;text-align:center;line-height:1.5;align-items:center;padding-bottom:5px;height:100%;width:100%}.bar-element2{display:flex;flex-direction:column;color:#fff;justify-content:center;text-align:center;line-height:1.5;align-items:center;padding-bottom:5px;height:100%;width:100%}.webgl{position:absolute;top:0;left:0;z-index:-10}.title{color:#fff;z-index:2;opacity:1;font-weight:400;position:absolute;cursor:pointer;font-size:8vh;left:50%;top:43vh;transform:translate(-50%,-50%);animation:letterColorChange 3s linear infinite}@keyframes letterColorChange{0%,to{color:#393939}50%{color:#d9d9e5}}@keyframes heavyBounce{0%{top:-100vh}60%{top:0vh}}@keyframes reverseBounce{0%{top:0vh}to{top:-100vh}}@keyframes heavyBouncePhone{0%{top:-100vh}60%{top:70vh}}@keyframes reverseBouncePhone{0%{top:70vh}to{top:-100vh}}.info-container{position:absolute;z-index:2;width:33vw;height:100vh;top:-100vh;right:0vw;transition:width 1s ease-out}.container{display:flex;flex-direction:row;gap:0;justify-content:flex-end;align-items:end;width:100%;height:100vh;opacity:1;margin:0}.guillotine{display:flex;flex-direction:column;width:85%;height:116vh;justify-content:flex-start}.rectangle{color:#000;display:flex;flex-direction:column;opacity:1;overflow:scroll;text-wrap:wrap;font-weight:400;font-size:1.34rem;width:100%;height:100vh;padding:0%;background-color:#fff}.government{display:flex;font-size:2vh;color:#000;background-color:#fff;justify-content:center;border:#000000 2px solid;border-bottom:none;height:5vh;text-align:center;align-items:center;padding:0%}.advertisement{display:flex;text-transform:uppercase;justify-content:center;font-weight:600;padding:2%;border:#000000 2px solid;font-size:4vh;line-height:1.1;text-align:center;align-items:center}.details-barcode{display:flex;border:#000000 2px solid;justify-content:space-evenly;border-top:none;flex-direction:row;height:13vh;width:99.2%}.details{display:flex;flex-direction:row;width:63%;height:100%}.category{display:flex;flex-direction:column;padding-top:1%;font-size:2vh;padding-left:1%;width:40%}.weight{padding:2% 10%;width:100%}.material{padding:2% 10%;width:40%}.numbers-list{font-size:2vh;width:60%;display:flex;flex-direction:column;border-right:#000000 2px solid;padding-top:1%;padding-bottom:1%;padding-right:0%}.numbers-weight,.numbers-steel,.numbers-plastic{padding-top:1%;padding-left:2%;padding-bottom:1%;border-bottom:#000000 2px solid}.numbers-copper{padding-top:1%;padding-left:2%;padding-bottom:1%}.barcode{width:34%;display:flex;justify-content:center;align-items:center}.barcode-img{width:100%;height:94%}.icons-origin{display:flex;padding:0%;flex-direction:row;justify-content:center;align-items:center;border:#000000 2px solid;border-top:none;width:99.2%;height:8vh}.icons{display:flex;flex-direction:row;align-items:center;padding-left:4%;padding-right:4%;justify-content:space-between;width:61.7%;height:100%}.icon{display:flex;justify-content:center;height:70%}.origin{display:flex;font-size:1.6vw;align-items:center;line-height:1;border-left:#000000 2px solid;text-transform:uppercase;text-align:center;justify-content:center;width:40%;height:100%}.brand-product{display:flex;border:#000000 2px solid;border-top:none;flex-direction:row;height:5.5vh;width:99.2%}.brand{width:60.6%;background-color:#5d5d5d;padding:2% 1.5%;border-right:#000000 2px solid}.product{width:40%;font-size:1.6vw;text-transform:uppercase;display:flex;justify-content:center;align-items:center}.instructions{display:flex;flex-direction:column;font-size:2vh;align-items:center;border:#000000 2px solid;border-bottom:none;border-top:none;width:99.2%}.instructions-title{display:flex;font-size:2.5vh;padding:1%;justify-content:center;font-weight:500;align-items:center;border-top:none;width:100%;margin-top:1.5vh;height:3vh}.instructions-text{border:#000000 2px solid;display:flex;margin:0 5% 5%;padding:2%;text-wrap:wrap;font-size:2vh;line-height:1.1;width:87%;height:100%}.triangle{display:flex;border-top:16vh solid rgb(244,244,247);border-left:38vw solid transparent}.name{color:#fff;opacity:0;height:100vh;width:7.5vw;display:flex;justify-content:flex-start;writing-mode:vertical-lr;padding:2% 1%;margin-bottom:16vh;transform:rotate(180deg);font-weight:400;font-size:11vh;transition:font-size 1s ease-out}.textbox{color:#fff;border:rgb(255,255,255) 1px dashed;border-radius:10px;background-color:#221a637b;opacity:1;padding:20px 50px;position:absolute;display:none;z-index:;font-weight:400;font-size:1.1rem;top:-31%;left:86.5%;transform:translate(-50%,-50%)}.overlay{position:absolute;z-index:20;overflow:scroll;width:100vw;height:200vh;background-color:#992f2f}.title-page{z-index:10;position:absolute;width:100vw;height:130vh;top:100vh;right:0vw;transition:top 4s ease-out}.title-page-guillotine{width:100%;height:100%;position:absolute;top:0}.title-page-rectangle{width:100vw;height:100vh;background:linear-gradient(180deg,#3316aa,#131313)}.title-page-triangle{display:flex;border-top:30vh solid #131313;border-left:100vw solid transparent}.logo{position:relative;z-index:21;transform:translate(-50%,-50%);width:10vw;left:50%;top:4%;bottom:96.13%}sup{font-size:.5em}.title-page-text{z-index:20;width:35vw;text-wrap:wrap;transform:translateY(-100%);margin-left:10vh;position:absolute;top:90vh;left:0vw;font-family:Helvetica Neue;font-style:normal;font-weight:300;font-size:5vh;line-height:5.6vh;color:#fff}@media screen and (max-width: 1455px){.advertisement{font-size:3vh}}@media screen and (max-width: 1095px){.advertisement{font-size:3vh}}@media screen and (max-width: 905px){.advertisement{font-size:2.5vh}.name{font-size:6vh}}@media screen and (max-width: 900px){.info-container{width:53vw}.bar{opacity:0}}@media screen and (max-width: 990px){.title-page-text{width:60vw}}@media screen and (max-width: 1170px){.instructions-text{font-size:2vh}}@media screen and (max-width: 700px){.body{overflow-x:hidden;overflow-y:scroll}.info-container{width:100vw;top:120vh}.name{height:97vh;justify-content:flex-end}.title-page{top:-120vh}.title-page-text{width:73vw;margin-left:10vw;font-size:4.7vh;line-height:5vh}.name{margin:0;height:114.7vh;justify-content:flex-end}.triangle{border-top:15vh solid rgb(244,244,247);border-left:90vw solid transparent}.logo{width:18vw}.bar{opacity:0}.year-description-right{flex-direction:column-reverse;bottom:35%}.year-right{width:100%;justify-content:center;align-items:center;font-size:25vw}.description-right{width:93%;justify-content:center;align-items:center;font-size:2.2vh}.year-description-left{flex-direction:column;top:35%}.year-left{width:100%;justify-content:center;align-items:center;font-size:25vw}.description-left{width:93%;justify-content:center;align-items:center;font-size:2.2vh}}@media screen and (max-width: 570px){.title-page-text{width:75vw;font-size:4vh;line-height:4.3vh}.logo{width:30vw}}@media screen and (max-width: 500px){.title-page-text{width:90vw;margin-left:5vw;margin-right:5vw}.logo{width:25vw}.rectangle{height:47vh;overflow-y:scroll;overflow-x:hidden}}