html,
body {
    overflow: hidden;
}

.main {
    height: 100vh;
}

.bg {
    position: absolute;
    z-index: -1;
}

.bg-img-1 {
    position: absolute;
    top: 58vh;
    left: 76vw;
    width: 17.5vw;
}

.bg-img-2 {
    position: absolute;
    top: 17vh;
    left: 35vw;
    width: 15vw;
}

.bg-img-3 {
    position: absolute;
    top: 48vh;
    left: 49vw;
    width: 16vw;
}
    
.bg-img-4 {
    position: absolute;
    top: 37vh;
    left: 13vw;
    width: 15vw;
}

.bg-img-5 {
    position: absolute;
    top: 14vh;
    left: 74vw;
    width: 17.5vw;
}

.blur-1 {
    filter: blur(0.25em);
}

.blur-2 {
    filter: blur(0.1em);
}

.blur-3 {
    filter: blur(0.05em);
}

.blur-4 {
    filter: blur(0.4em);
}

.blur-5 {
    filter: blur(0.3em);
}

@keyframes unblur-1 {
    from {filter: blur(0.25em);}
    to {filter: blur(0);}
}

@keyframes unblur-2 {
    from {filter: blur(0.1em);}
    to {filter: blur(0);}
}

@keyframes unblur-3 {
    from {filter: blur(0.05em);}
    to {filter: blur(0);}
}

@keyframes unblur-4 {
    from {filter: blur(0.4em);}
    to {filter: blur(0);}
}

@keyframes unblur-5 {
    from {filter: blur(0.3em);}
    to {filter: blur(0);}
}

.button {
    position: relative;
    font-size: 2em;
    padding: 0.25em 0.5em;
    background: #f8f9fa;
    border: 0.1em;
    border-color: #212529;
    border-style: solid;
    border-radius: 0.1em;
}

.button:hover {
    position: relative;
    font-size: 2em;
    padding: 0.25em 0.5em;
    background: #e9ecef;
    border: 0.1em;
    border-color: #343a40;
    border-style: solid;
    border-radius: 0.1em;
}

button {
    margin: 0em;
    padding: 0em;
    border-style: none;
    color: #212529;
    text-decoration: none;
    font-family: Oswald;
    background: none;
}