#indexContent {
    display: flex ;
    flex-direction: column ;
    flex-wrap: wrap ;
    justify-content: center ;
    align-items: center ;
    margin-bottom: 30vh;
    font-size: 2.2em;
}

p {
    padding: 10px;
    color: rgb(255, 255, 255);
    filter: drop-shadow(2px 2px 2px #000000a2);
}

h2 {
    color: white;
    filter: drop-shadow(3px 3px 2px #000000c4);
}

#sureButton {
    margin: 22px;
    width: 380px;
    height: 50px;
    cursor: pointer;
    font-size: 0.9em;
    color: white;
    font-family: 'Nerko One', cursive;
    background-color: rgba(0, 0, 0, 0.250);
    border-style: solid;
    border-width: 3px;
    border-color: black;
    border-top: rgba(0, 0, 0, 0.027);
    border-radius: 30px;
    outline: none;
    -moz-box-shadow: 0 0 5px #fff;
    -webkit-box-shadow: 0 0 5px #fff;
    box-shadow: 0px 0px 10px #fff;
}

#sureButton:hover {
    background-color: rgba(0, 0, 0, 0.13);
}

#mainHr {
    width: 700px;
    margin: 0px;
}

/* Animations */

.slide-in {
	-webkit-animation: slide-in-elliptic-top-fwd 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-elliptic-top-fwd 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.pulsate-bck {
	-webkit-animation: pulsate-bck 1.5s ease-in-out infinite both;
	        animation: pulsate-bck 1.5s ease-in-out infinite both;
}

/* Media query */

@media screen and (max-width:65em) {
    p {
        font-size: 1.3em;
    }
    #sureButton {
        font-size: 1.5em;
        height: 80px;
    }
  }