html, body{
    margin:0;
    padding:0;
    position: relative;
    height: auto;
    max-width: 100%;
}
html.modal-open{
    overflow-y:hidden !important;
}
html{
    overflow-x:hidden;
    max-width: 100%;
}
*{
    box-sizing:border-box;
    padding:0;
    margin:0;
    overscroll-behavior: none;
}
button{
    background: none;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
	outline: inherit
}
main{
    position: absolute;
    top:0px;
    left:0;
    width: 100vw;
    z-index: 0;
    padding:0;
    margin:0;
}
section, footer{
    width: 100%;
    overflow-x:hidden;
    box-sizing:border-box;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -o-sticky;
    position: -ms-sticky;
    position: relative;
    /* width: 100vw; */
    border-radius:4vw;
    margin-top: -3.5vw;
    z-index: 2;
    border-bottom-left-radius: 0;
    border-bottom-right-radius:0;
}
.anim{
    animation-fill-mode: forwards;
    opacity:0;
}
.visibilityHidden{
    visibility:hidden;
}
@keyframes fade{
    0%{
        opacity:0;
        margin-top: 12vw;
    }
    100%
    {
        opacity:1;
        margin-top: 0;
    }
}