body,
html{
    margin: 0;
    padding: 0;
    height: 100%;
}

svg {
    display: block;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
}

.scrollElement {
    position: absolute;
    height: 6000px;
    width: 100px;
    top: 0;
    z-index: 0;
}

.btn {
    position: fixed;
    bottom: 5%;
    right: 0px;
    transform: translateX(-50%);
    border: 1px solid #fff;
    border-radius: 5px;
    font-size: 0.9rem;
    padding: 0.5rem 0.7em;
    background-color: transparent;
    color: #ffffff;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    -webkit-font-smoothing: antialiased;
    cursor: pointer;
    transition: all .3s;
    z-index: 11;
}

.btn_works {
    left: 50%;
    right: unset;
    text-decoration: none;
}

.btn-submit-home {
    text-align: center;
    width: 250px;
    background-color: #4fcccd;
    color: rgb(27, 0, 61);
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 5px;
    border-radius: 7px;
    margin-top: 5px;
    border-bottom: 3px solid #2f9697;
    box-shadow: none;
    padding: 10px;
}

.btn:hover {
    background: #ffffff;
    color: #1B1734;
}

/* CF Crack and Bold font-family of Visit Adventure Club */
@font-face {
    font-family: 'CF Crack and Bold';
    src: url(../fonts/CFCrackandBold.ttf);
}
.home-bt {
    font-family: 'CF Crack and Bold';
}