html, body {
    margin: 0;
    height:100%;
    width:100%;
    padding:0;
    background-color: black;

}

section {
    display: block;
    height:100%;
    width:100%;
    box-sizing:border-box;
}

#mainPage {
    height: 100%;
    min-height: 300px;
    width: 100%;
    position: relative;
    margin: 0%;
    top: 0;
}

#mainPage .caption {
    z-index: 1;
    position: relative;
    text-align: left;
    color: white;
    padding: 0.2px;
}

section video {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    z-index: 0;
    top: 0;
}

.parent {
    margin: 1rem;
    text-align: left;

}
.child {
    display: inline-block;
    vertical-align: middle;
}

#secondPage {
    height: 27vw;
    width: 100%;
    min-height: 240px;
    position: relative;
    margin: 0%;
    z-index: -1;
}



.overtitle{
    font-size: 25px;
    color: white;
}

.title{
    margin: 1rem; 
    font-size: 75px;
    margin-top: 4%;
}

.subtitle{
    margin: 1rem; font-size: 30px;
    margin-top: 2%;

}

.subtitle-12{
    margin: 1rem; font-size: 40px;
    margin-top: 6%;
    
}

.title2{
    margin-left: 6vw; font-size: 65px;
    color: white;
    line-height: 1;
}

.title12{
    margin-left: 6vw; font-size: 65px;
    color: white;
    text-align: end;
    line-height: 1;
}
.subtitle2{
    margin-left: 6vw; font-size: 30px;
    color: white;

}

.subtitle12{
    text-align: end;
    margin-left: 6vw; font-size: 30px;
    color: white;

}

.fontbody{
    font-size: 25px;
    text-align: left;
    color: white;
    margin-top: 2%;
    width: 51.3vw; 
}
.fontbody2{
    font-size: 25px;
    text-align: left;
    color: white;
    height: 100%;
    display: flex;
}
.fontbody2 span {
    align-self: flex-end;
    margin-bottom: 2%;
}

.swipe{
    overflow:auto;
    white-space:nowrap;
}
.swipe::-webkit-scrollbar {
    height: 0px;
  }

.imgSide{
    width: 300px;
    height: 500px;
    border: #40D0F6 solid 2px;
}


.qr{
    display: block;
    margin-left: auto;
    margin-right: auto;
}


.lastTitle{
    color: white; text-align: center; font-size: 65px;
}

svg .rec1{
    fill:rgb(252,45,129); 
    width:70%; 
    height:100px;
}

svg .rec2{
    fill:rgb(64,208,246); 
    transform: translate(20%,50%);
    width:80%;
    height:50px;
}

.overtitle{
    font-size: 12px;
}

@media only screen and (max-width: 820px){
    .overtitle{
        font-size: 10px;
    }
    .title{
        margin: 1rem; font-size: 35px;
    }
    
    .subtitle{
        margin: 1rem; font-size: 20px;
    }

    .subtitle-12{
        margin: 1rem; font-size: 27px;
        margin-top: 17%;
        
    }
    

    .title2{
        text-align: center;
        font-size: 30px;
        margin-left: 0;
        margin-bottom: 0;
    }
    .title12{
        margin-top: 1rem;
        margin-bottom: 1rem;
        font-size: 30px;
        color: white;
        text-align: center;
        line-height: 1;
        margin-left: 0;
    }
     
    
    .subtitle2{
        margin-top: 1rem;
        margin-bottom: 1rem;
        font-size: 22px;
        text-align:center;
        margin-left: 0;

    }
    .subtitle12{
        margin-top: 1rem;
        margin-bottom: 1rem;
        text-align: center;
        font-size: 22px;
        color: white;
        margin-left: 0;
    }
    .fontbody{
        font-size: 15px;
        text-align:center;
        color: white;
        width: 90%;
        margin: auto;
    }

    .fontbody2{
        font-size: 15px;
        text-align: center;
        color: white;
        width: 90%;
        height: 100%;
        display: flex;
    }

    .imgSide{
        width: 200px;
        height: 300px;
        border: #40D0F6 solid 2px;
    }

    .lastTitle{
        color: white; text-align: center; font-size: 55px;
    }
    

    svg{
        height: 75px;
    }
    svg .rec1{
        fill:rgb(252,45,129); 
        width:70%; 
        height:50px;
    }
    
    svg .rec2{
        fill:rgb(64,208,246); 
        transform: translate(20%,34%);
        width:80%;
        height:25px;
    }
    .joinus{
        width: 90%;
        margin: auto;
    }
     
}