* {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
}

body {
    height: 100%;
    background-color: #2A3950;
}

.container-fluid {
    background-color: #2A3950 !important;
    height: 100%;

}


.navbar-brand {
    font-family: 'Krona One', sans-serif;
}

.navbar {
    font-family: 'Krona One', sans-serif;
    background-color: floralwhite;
    padding-top: 20px;
    padding-bottom: 20px;

}


.navbar-dark .navbar-nav .nav-link:hover {
    color: tomato;
    transform: scale(1.1);
}

.navbar-dark .navbar-brand:hover {
    color: tomato;
    transform: scale(1.1);
}

.navbar-dark .navbar-nav .nav-link {
    color: #FF7582;
}

.navbar-dark .navbar-brand {
    color: #FF7582;
}

.navbar-toggler {
    color: white;
}

.navbar-toggler {
    background-color: #FF7582 !important;
}

.heading {
    font-family: 'Krona One', sans-serif;
    color: #FF7582;
    cursor: pointer;
    text-align: left;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.text {
    font-family: 'Roboto', sans-serif;
    text-align: left;
    font-size: 20px;
    color: white;
}

.card-text {
    font-family: 'Roboto', sans-serif;
    text-align: left;
    font-size: 16px;
    color: #2A3950;
}


.join {
    padding-right: 30px;
    padding-left: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: rgb(233, 17, 186);
    display: flex;
    flex-direction: row;
}



.btn-join {

    display: block;
    font-family: 'Krona One', sans-serif;
    border: none;
    margin-top: 65px;


}

.btn-class {
    display: block;
    font-family: 'Krona One', sans-serif;
    border: none;
    background-color: #FF7582;
    border: none;

}

.btn-class:hover {
    color: #725A7A;
    background-color: #C56D86;
}

.btn-join {
    background-color: #FF7582;
    border: none;

}


.btn-join:hover {
    color: #725A7A;
    background-color: #C56D86;
}



button:hover {
    transform: scale(1.1);
}

.footer {
    width: 100vw;
    display: block;
    overflow: hidden;
    padding: 70px 0;
    box-sizing: border-box;
    background-color: #725A7A;
}

.line {
    margin-top: 100px;
    margin-bottom: 100px;

}

.responsive {
    width: 100%;
    height: auto;

}

.responsive-class {
    height: 600px !important;
}

.responsive-class:hover {
    opacity: 0.2;
    transform: none;


}

.objectfit {
    object-fit: cover;
}

.footerstyle {
    background-color: #FF7582;
}

.footerlink a {
    font-family: 'Roboto', sans-serif;
    color: white;
    font-size: 13px;

}

.social {
    margin-right: 10px;
    font-size: 18px;

}

.social:hover {
    color: #2A3950;
    cursor: pointer;

}

.news {
    font-family: 'Roboto', sans-serif;
    color: white;
    font-size: 13px;
}

.btn-sth {
    background-color: #725A7A;
    color: white;
}

.btn-sth:hover {
    color: #2A3950;
}

img:hover {
    cursor: pointer;


}

img {
    padding: 15px;
}

video:hover {
    cursor: pointer;

}

video {
    padding: 15px;
    display: block;
    margin: auto;
}

.card-img-top {
    height: 600px;
}

.card-pad {
    padding-right: 50px;
    padding-left: 50px;
    padding-top: 35px;
    padding-bottom: 35px;
}