#root,body,html{background-image:url(/static/media/winterpattern.a3723e65.svg);background-size:contain;margin:0;height:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.App{height:100%;display:flex;flex-direction:column}button:hover{cursor:pointer}.box{background-color:hsla(0,0%,100%,.5);background-size:contain;margin:5px;color:#fff;position:relative;display:flex;flex:1 1 17%;justify-content:center;align-items:center;transition:.3s}.box:not(.completed):hover .box--door:not(.animated){transform:perspective(1200px) translateZ(0) translateX(0) translateY(0) rotateY(-40deg);z-index:2;transition:.3s}.box:not(.completed):hover{cursor:pointer}.box:nth-child(3n - 1) .box--door{background-color:#90d8d8}.box:nth-child(3n - 2) .box--door{background-color:#e29f9a}.box:nth-child(3n - 3) .box--door{background-color:#2b4a4b}.box--door{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;right:0;bottom:0;transform-origin:left;transition:all .3s ease-in-out;border:4px dotted transparent}.box--door.animated{background-size:contain;transform:perspective(1200px) translateZ(0) translateX(0) translateY(0) rotateY(-105deg);z-index:2;animation-duration:.1s;animation-delay:.2s;animation-fill-mode:forwards}.box--door.animated .box-close,.box--door.animated .box-title{transition:.3s;transition-delay:.1s;opacity:0}.box-title{color:#fff;font-size:100px;margin:0;line-height:1;text-shadow:1px 1px 4px #000}.box:nth-child(3n - 2) .box-link{background-color:#90d8d8}.box:nth-child(3n - 3) .box-link{background-color:#e29f9a}.box:nth-child(3n - 1) .box-link{background-color:#2b4a4b}.box:nth-child(3n - 2) .box-link span{border-color:#90d8d8}.box:nth-child(3n - 3) .box-link span{border-color:#e29f9a}.box:nth-child(3n - 1) .box-link span{border-color:#2b4a4b}.box:first-child .box--door.animated{animation-name:addBackground1}.box:nth-child(2) .box--door.animated{animation-name:addBackground2}.box:nth-child(3) .box--door.animated{animation-name:addBackground3}.box:nth-child(4) .box--door.animated{animation-name:addBackground4}.box:nth-child(5) .box--door.animated{animation-name:addBackground5}.box:nth-child(6) .box--door.animated{animation-name:addBackground6}.box:nth-child(7) .box--door.animated{animation-name:addBackground7}.box:nth-child(8) .box--door.animated{animation-name:addBackground8}.box:nth-child(9) .box--door.animated{animation-name:addBackground9}.box:nth-child(10) .box--door.animated{animation-name:addBackground10}.box:first-child:not(.completed){background-image:url(/static/media/wallpaper1.9d97b40d.jpg)}.box:nth-child(2):not(.completed){background-image:url(/static/media/wallpaper2.a36cec2a.jpg)}.box:nth-child(3):not(.completed){background-image:url(/static/media/wallpaper3.b2a19c8a.jpg)}.box:nth-child(4):not(.completed){background-image:url(/static/media/wallpaper4.e6da48d6.jpg)}.box:nth-child(5):not(.completed){background-image:url(/static/media/wallpaper5.b3650312.jpg)}.box:nth-child(6):not(.completed){background-image:url(/static/media/wallpaper6.f44dd45a.jpg)}.box:nth-child(7):not(.completed){background-image:url(/static/media/wallpaper7.9f7e741a.jpg)}.box:nth-child(8):not(.completed){background-image:url(/static/media/wallpaper8.53e5f089.jpg)}.box:nth-child(9):not(.completed){background-image:url(/static/media/wallpaper9.5d62535a.jpg)}.box:nth-child(10):not(.completed){background-image:url(/static/media/wallpaper10.d2ac13de.jpg)}@keyframes addBackground1{to{background-image:url(/static/media/wallpaper1.9d97b40d.jpg)}}@keyframes addBackground2{to{background-image:url(/static/media/wallpaper2.a36cec2a.jpg)}}@keyframes addBackground3{to{background-image:url(/static/media/wallpaper3.b2a19c8a.jpg)}}@keyframes addBackground4{to{background-image:url(/static/media/wallpaper4.e6da48d6.jpg)}}@keyframes addBackground5{to{background-image:url(/static/media/wallpaper5.b3650312.jpg)}}@keyframes addBackground6{to{background-image:url(/static/media/wallpaper6.f44dd45a.jpg)}}@keyframes addBackground7{to{background-image:url(/static/media/wallpaper7.9f7e741a.jpg)}}@keyframes addBackground8{to{background-image:url(/static/media/wallpaper8.53e5f089.jpg)}}@keyframes addBackground9{to{background-image:url(/static/media/wallpaper9.5d62535a.jpg)}}@keyframes addBackground10{to{background-image:url(/static/media/wallpaper10.d2ac13de.jpg)}}.box-link{background-color:#fff;border-radius:50%;color:#fff;font-size:40px;line-height:40px;padding:40px;text-decoration:none;position:relative}.box-link .box-pulse{border:15px solid transparent;border-radius:50%;position:absolute;top:0;left:0;bottom:0;right:0}.box-link:hover .box-pulse{animation:pulsate 1s infinite}@keyframes pulsate{0%{transform:scale(1);opacity:1}to{transform:scale(1.2);opacity:0}}.box-close{position:absolute;background-color:hsla(0,0%,100%,.6);font-size:25px;top:5px;left:5px;border:none;transition:.6s}.box-close:hover{background-color:#fff}.boxes{width:80%;height:60%;display:flex;flex-wrap:wrap;margin:50px auto}.title{color:#2b4a4b;font-size:60px;margin:0 auto}.navigation{display:flex;align-items:center;background-color:hsla(0,0%,100%,.8);padding:10px 25px;margin:25px 0;font-family:"Architects Daughter"}.back-btn{text-decoration:none;font-size:40px}#home{display:flex;justify-content:center;align-items:center;width:100%;height:100%;position:relative}#home:after{content:"";background-color:rgba(0,0,0,.5);position:absolute;top:0;right:0;left:0;bottom:0;z-index:1}.link{background-color:#90d8d8;text-decoration:none;border-radius:50%;padding:100px;margin:25px;color:#fff;font-size:100px;text-shadow:1px 1px 4px #000;border:7px solid transparent;transition:.3s;z-index:2}.link:nth-of-type(2){background-color:#557f7e}.link:nth-of-type(3){background-color:#2b3f3f}.link:hover{border-color:#e29f9a}
/*# sourceMappingURL=main.6905af83.chunk.css.map */