:root{--primary-color: #aa996f;--secondary-color: #808e85;--tertiary-color: #526459;--util-color: #97795b;--background-color: #24231c;--black-color: #000;--white-color: #fff}html{box-sizing:border-box;font-size:100%}*,*:before,*:after{box-sizing:inherit}body{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;background-color:var(--background-color);color:var(--white-color);background-color:var(--black-color);font-family:Open Sans,sans-serif}.App{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.1;margin-top:0}h1{font-size:clamp(1.75rem,1rem + 2vw,2.5rem)}h2{font-size:clamp(1.5rem,.875rem + 2vw,2.25rem)}h3{font-size:clamp(1.25rem,.75rem + 2vw,2rem)}h4{font-size:clamp(1.125rem,.625rem + 2vw,1.75rem)}h5{font-size:clamp(1rem,.5rem + 2vw,1.5rem)}h6{font-size:clamp(.875rem,.375rem + 2vw,1.25rem)}p{font-size:clamp(1rem,.75rem + 1vw,1.25rem);margin-top:0;line-height:1.1}a,a:visited,a:active{text-decoration:none}.class{background-image:url();background-size:cover;background-repeat:no-repeat;background-position:center center;position:relative;overflow:hidden}.class:before{content:"";display:block;padding-top:100%}@media (max-width: 767px){.class{background-size:contain}.class:before{padding-top:150%}}.preview{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100vh;padding:0 .625rem}@media (max-width: 89.99875em){.preview{transform:scale(.75)}}@media (max-width: 56.24875em){.preview{transform:scale(.7)}}@media (max-width: 43.74875em){.preview{transform:scale(.8)}}.preview__images{display:flex;flex-direction:column;align-items:center;width:28.125rem}.preview__images .--react-img{animation:rotate 5s infinite linear;width:21.875rem;margin-bottom:1.5625rem}.preview__images div{width:100%;display:flex;justify-content:space-between;align-items:center}.preview__images div img{width:6.25rem}.preview__images .--type-image{width:5.625rem;height:5.625rem}.preview__text{text-align:center}@media (min-width: 90em){.preview__text{max-width:68vw}}.preview__text h1{margin-top:3.125rem}.preview__text h5{letter-spacing:.3125rem;font-weight:400;color:var(--secondary-color)}.preview__text p{color:var(--tertiary-color)}.preview__text h6{color:var(--util-color);font-size:.875rem;letter-spacing:.3125rem;font-weight:400;margin-top:2.5rem}.preview__text .--counter button{padding:5px;border:none;width:45px;margin:0 10px;font-size:1.25rem;border-radius:5px;cursor:pointer}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}