html, body{
    margin: 0;
    padding: 0;
    font-family: 'Poppins';
}

.mycontainer{
    display: flex;
    justify-content: center;
    width: 100%;
}

.fadeInUp{
    opacity: 0;

}
.faded{
    opacity: 1;
    animation: ease-out fadeIn 1s;
}
@keyframes fadeIn {
    0% {
        opacity:0;
        transform: translateY(50px);
    }
    100% {
        opacity:1;
        transform: translateY(0px);
    }
}

.divider-10{
    height: 10px;
    width: 100%;
}
.divider-20{
    height: 20px;
    width: 100%;
}
.divider-30{
    height: 30px;
    width: 100%;
}
.divider-40{
    height: 40px;
    width: 100%;
}
.divider-50{
    height: 50px;
    width: 100%;
}
.divider-60{
    height: 60px;
    width: 100%;
}
.divider-70{
    height: 70px;
    width: 100%;
}
.divider-80{
    height: 80px;
    width: 100%;
}
.divider-90{
    height: 90px;
    width: 100%;
}
.divider-100{
    height: 100px;
    width: 100%;
}
.divider-150{
    height: 150px;
    width: 100%;
}

.cool-button{
    padding: 10px;
    margin: 0px 10px 0px 10px;
    border-radius: 4px;
    color: #ffffff;
    background-color: #302f2e;
    border: solid 2px #302f2e;
    transition: 0.5s;
    text-transform: uppercase;
}
.cool-button:hover{
    background-color: #ffffff;
    color: black;
    cursor: pointer;
}

.sub-header{
    margin: 50px;
}

.sub-header b{
    background: -webkit-linear-gradient(100deg,rgba(0,1,255,1), rgba(2,195,241,1));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family:'Great Vibes';
    padding:15px;
    font-size:50px;
}