*{
                margin: 0;
                padding: 0;
                font-family: "Montserrat", sans-serif;
                text-align: center;
                }
                body{
                    background-color: #1e1e1e;
                    color: #FFFFFF;
                    
                }
                a{
                    cursor: pointer;
                    text-decoration: none;
                    font-size: 18px;
                    text-transform: capitalize;
                }
                select{
                    padding: 4px 8px;
                    font-size: 14px;
                    border-radius: 48px;
                }   
                video{
                    outline: none;
                }
                .main-container{
                    height: 100vh;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                    gap: 8px;
                }
                .timer-container{
                    position: fixed;
                    z-index: 99;
                    top: 0;
                    width: 100%;
                    padding: 16px 0;
                    background-color: #FFF;
                    color: #000;
                    display: flex;
                    gap: 4px;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                    p{
                        font-weight: 600;
                    }
                    span{
                        font-size: 14px;
                    }
                }  
                .image-container, .video-container{
                    height: 70%;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                }
                
                #template-picture, #template-video{
                    max-width: 100%;
                    max-height: 100%;
                }
                .buttons-container{
                    position: fixed;
                    z-index: 97;
                    bottom: 0;
                    background-color: #232323;
                    width: 100%;
                    display: flex;
                    justify-content: space-evenly;
                }
                .description-container{
                    overflow-wrap: anywhere; 
                }
                .precampaign-container{
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    position: fixed;
                    top: 0;
                    width: 100vw;
                    height: 100vh;
                    background-color: #232323;
                }
                .precampaign-container img{
                    max-width: 90%;
                    max-height: 75%;
                }
                .video-container{
                    background-image: url("fondo.jpg");
                    height: auto;
                    max-height: calc(100vh - 120px);
                    background-size: cover;
                    background-position: center center;
                }
                #visit-website-btn, #unlock-btn{
                    width: 100%;
                    color: #FFF;
                    padding: 12px 0;
                    border: none;
                    font-size: 14px;
                    text-decoration: none;
                    i{
                        margin: 0 8px;
                        font-size: 21px;
                    }
                }
                #visit-website-btn{
                    background-color: #00aafb;
                }
                #unlock-btn{
                    background-color: #555555;
                }
                .blue-bg{
                    background-color: rgba(0,151,255,1) !important;
                }
                #visitWebsiteForm{
                    display: none;
                }
                video::-webkit-media-controls-timeline{
                    display: none;
                }
                video::-webkit-media-controls-seek-back-button,
                video::-webkit-media-controls-seek-forward-button{
                    visibility: hidden;
                }
                #playButton{
                    position: absolute;
                    background-image: url(../Btn.png);
                    background-size: cover;
                    background-position: center;
                    top: 50%;
                    left: calc(50% - 32px);
                    height: 64px;
                    width: 64px;
                    padding: 6px;
                    border-radius: 48px;
                }
                #surveyForm{
                    display: grid;
                    grid-template-columns: 1fr 1fr;
                }
                .survey-response-btn{
                    color: black;
                    font-size: 1rem;
                    border-radius: 48px;
                    border: 3px solid #000;
                    display: block;
                    padding: 8px 12px;
                    background: linear-gradient(135deg, rgba(0, 151, 255, 1) 25%, rgba(0, 224, 242, 1) 85%);
                }
                .survey-response-btn:hover{
                    border-color: #FFF;
                }
                
                .default-response{
                    order: 1;
                    background: linear-gradient(135deg, rgb(110, 110, 110) 25%, rgb(156, 156, 156) 85%);
                } 
            
        ;