*{
    font-family:'Impact', 'fantasy';
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body{
    background: #111111;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

#base{
    display: block;
    position: absolute;
    z-index: 1;
    margin: auto;
    top: 20vh;
    left: 32vw;
    min-width: 36vw;
}

#backdrop{
    display: block;
    position: absolute;
    margin: auto;
    z-index: 3;
    top: 25vh;
    left: 32.9vw;
    min-width: 23vw;
}

#mesh{
    display: block;
    position: absolute;
    margin: auto;
    z-index: 5;
    min-width: 23vw;
    top: 25vh;
    left: 32.9vw;
}

#smiglo{
    display: block;
    translate: -50% -51.5%;
    position: absolute;
    margin: auto;
    z-index: 4;
    min-width: 23vw;
    top: 49.5vh;
    left: 44.5vw;
    animation: spin 0s linear infinite;
}

@keyframes spin{
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

#btn1{
    position: absolute;
    top: 55vh;
    left: 58vw;
    z-index: 2;
    font-size: 20px;
    min-width: 5vw;
}

#btn2{
    position: absolute;
    top: 60vh;
    left: 58vw;
    z-index: 2;
    font-size: 20px;
    min-width: 5vw;
}

#btn3{
    position: absolute;
    top: 65vh;
    left: 58vw;
    z-index: 2;
    font-size: 20px;
    min-width: 5vw;
}

footer{
    display: flex;
    position: fixed;
    bottom: 0;
    justify-content: space-between;
    width: 100%;
    color: #C4F3F7;
}