@import url('https://fonts.googleapis.com/css?family=Amatic+SC|Pacifico');


* { margin: 0; padding: 0; }

body { background:#000; color:#fff; height:100vh;font-family: 'Amatic SC', cursive;}

canvas{position: absolute;}

canvas#fireworks { cursor: pointer; width:100%; height:100%; }
                

h1{
font-family: 'Pacifico', cursive;
font-size: 52pt;
}
p{font-family: 'Amatic SC', cursive;
font-size: 28pt;}

button{font-family: 'Amatic SC', cursive;
       background-color: transparent; /* Green */
    border: solid;
    border-color:white;
    color: white;
    padding: 0px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius: 5px;
    font-size: 36pt;}

button:hover{
    background-color: white;
    color: black;
    
}
button:link{background-color: white;}

.contentPosition{position:relative; width: 100%; text-align: center; top:30%;}

/* Large desktops and laptops */
@media (min-width: 1200px) {

}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {

}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {

}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
    .contentPosition p,h1{
        font-size: 1.5em;
    }

}

/* Portrait phones and smaller */
@media (max-width: 480px) {

}