@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Patrick+Hand&display=swap";@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Patrick+Hand&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap";html{margin:0;padding:0}body{margin:0;padding:0;overflow:hidden;font-family:Urbanist,sans-serif;color:#fff}h1,h2,h3{font-family:Patrick Hand,cursive}h1{font-size:5rem;position:absolute;top:0;left:50%;transform:translate(-50%) translateY(-50%);opacity:0}.card{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);background-color:#ffffff1a;width:95%;height:95%;border-radius:20px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;overflow-y:scroll;overflow-x:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0}.card h2{font-size:3rem;padding:1.5rem}.card p{width:90%;font-size:1.2rem;padding:1rem;text-align:justify}.credit__p{font-size:1rem;padding:1rem;text-align:left!important}.card__back{position:absolute;padding:.5rem 1rem;top:10px;left:10px;display:flex;justify-content:center;align-items:center;border-radius:15px;border:none;background-color:transparent;font-family:Patrick Hand,cursive;font-size:1.5rem;cursor:pointer;transition:background-color .3s;color:#fff}.card__back:hover{background-color:#0000001a}.comp__div{position:relative;max-height:70%}.comp__img{position:absolute;width:50%;height:100%;overflow:hidden}.comp__img img{height:100%;width:100%;width:auto;object-fit:contain}.comp__vid{width:100%;height:100%}.comp__vid video{width:100%;height:100%;object-fit:cover}#slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;opacity:0;cursor:ew-resize}#slider::-webkit-slider-thumb{-webkit-appearance:none;background-color:red;height:5000px;width:10px}.opening__div{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);display:flex;flex-direction:column;justify-content:center;align-items:center;width:95%;height:95%;background-color:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;opacity:0}.opening__text{font-size:4rem;padding:0 1rem;margin:.5rem;transition:opacity 1s;font-family:Patrick Hand,cursive}.opening__button{position:absolute;bottom:10px;font-family:Patrick Hand,cursive;color:#fff;padding:.5rem 1rem;font-size:1.5rem;border:none;border-radius:15px;background-color:#0000;cursor:pointer;transition:background-color .3s}.loading__div{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);display:flex;flex-direction:column;justify-content:center;align-items:center;width:95%;height:95%;background-color:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;opacity:1}.btn__div{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);width:95%;height:95%}.btn{position:absolute;bottom:2.5%;width:50px;height:50px;padding:0;border:none;border-radius:15px;background-color:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer;overflow:hidden;transition:background-color .3s;opacity:0}.btn:hover{background-color:#fff3}.btn-son{left:2.5%}.btn-son__div{width:100px;height:100%;display:flex;justify-content:space-around;align-items:center}.btn-info{right:2.5%;display:flex;justify-content:center;align-items:center}