@import url('https://fonts.googleapis.com/css?family=Audiowide|Love+Ya+Like+A+Sister');

/**{*/

/*font-family: sans-serif;*/

/*}*/

body {

    background: url('image/flower_back.png') center top;
    background-size: 100% auto;
    min-height: 100dvh;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
html{
    max-height: 100vh;

}

h1 {
    padding: 20px;
    padding-top: 0;
    font-family: 'Love Ya Like A Sister', cursive;

    text-align: center;

    font-size: 500%;


    color: gold;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black, 2px 2px 10px pink;

    margin: 0;

}

.textP {
    text-align: center;

    font-size: 300%;
}


h1, .textP{
    /*text-shadow: white 0 0 10px;*/
}
#timeP {

    /*font-family: 'Audiowide', cursive;*/
    font-family: 'Love Ya Like A Sister', cursive;


    /*margin: 0 5px 0 5px;*/

    /*background: purple;*/

    color: #ffb0b0;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;

    font-weight: bold;

    /*text-shadow: 0 0 35px white;*/
    font-size: 70%;


}

.textSpan {
    font-family: 'Love Ya Like A Sister', cursive;
    text-align: center;
    color: #ffc7c1;
    font-weight: bold;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;

    /* text-shadow: 2px 0 0 black, -2px 0 0 black, 0 2px 0 black,
   0 -2px 0 black, 1px 1px black, -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black;*/
}

/*If screen smaller than 641px*/
@media screen and (max-width: 641px) {
    h1 {
        /*font-size: 300%;*/
    }

    .textP {
        font-size: 280%;
    }

    #timeP {
        /*font-size: 50%;*/
    }
}