* {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
    font-family: monospace;
}

nav{
    display: none;
}


.container{
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding: 20vh;

}

button{
    height: 10vh;
    width: 30vh;
    box-shadow: 12px 12px;
    transition: 1s;
    animation-timing-function:ease-in;
    font-family: monospace;
}

#nine:hover{
    box-shadow: 12px 12px red;
    color: blue;
    font-size: larger;
    font-family: Arial;
}


#thousand:hover{
    border-radius: 50%;
    border: 2px solid blue;
    box-shadow: 12px 12px rgb(84, 186, 226);
    transition: 1s;
    animation-timing-function: ease-in-out;
    background-color: rgb(250, 10, 142);
    color: white;
    font-family:serif;
    cursor: url(2000s/assets/star-blue.png) 30 30, pointer;
    font-size: larger;

}

#ten:hover{
    cursor: pointer;
    border: 4px dotted red;
    transition: 1s;
    font-size: larger;
    font-family:Gill Shadow;
    background-color: white;
    border-style: double dashed;
    
}

#ten:active{
    color: black;
}

@font-face {
	font-family: "Gill Shadow";
	src: url("2010s/assets/gillsansstd-shadowed.ttf");
}

h2{
    font-style: italic;
    color: red;
    font-size:large;
}

h1{
    animation: pulse 2s ease-in-out infinite;
}

@keyframes pulse {

    0%{
        transform: scale(1);
    }

    50%{
        transform: scale(1.1);
    }

    100%{
        transform: scale(1);
    }
    
}