html{
    height: 100%;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

body{
    height: 100%;
    width: 100%;
    text-align: center;
    background: rgb(255,230,125);
    background: linear-gradient(0deg, rgba(255,230,125,1) 0%, rgba(254,255,204,1) 47%, rgba(255,255,255,1) 100%);
    background-size: auto;
    margin: 0px;
    padding: 0px;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.site{
    margin-top: 10px;
    margin-bottom: 50px;
    border-radius: 10px;
}

h1{
    font-family: 'Lobster', cursive;
    font-size: 9vh;
    letter-spacing: 10px;
    display: inline;
    color: rgb(87, 166, 211);
    border-bottom-style: solid;
    margin: 0px;
    padding: 0px;
}

h2{
    font-family: 'Amatic SC', cursive;
    font-size: 4.5vh;
    margin: 0px;
}

img{
    max-width: 390px;
    border-radius: 10px;
    display: block;
    margin: auto;
}

button{
    border-style: solid;
    font-size: 3vh;
    font-family: 'Comfortaa', cursive;
    background-color: rgb(246, 247, 188); 
    border-radius: 10px;
    cursor: pointer;
    border-color: rgb(87, 166, 211);;
    width: 250px;
    position: relative;
    margin-bottom: 20px;
    padding: 10px;
}
.cat_show{
    background-color: rgb(246, 247, 188);        
    border-radius: 10px;
    margin: auto;
    margin-top: 40px;
    margin-bottom: 40px;
    max-width: 390px;
    max-height: 1000px;
    border-style: solid;
    border-color: rgb(87, 166, 211);  
}

.cat_empty{
    background-color: rgb(246, 247, 188);        
    border-radius: 10px;
    margin: auto;
    margin-top: 40px;
    margin-bottom: 40px;
    min-width: 5px;
    max-width: 300px;
    border-style: solid;
    border-color: rgb(87, 166, 211);  
    opacity: 0;
}

p{
    font-family: 'Comfortaa', cursive;
    font-size: 2vh;
    font-weight: bold;
}

.black_heart{
    max-width: 40px;
    border-color: rgb(87, 166, 211); 
    border-style: none;
    background: none;
    outline: none;
    box-shadow: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    left: -8px;
}

.heart{
    max-width: 40px;
    border-color: rgb(87, 166, 211); 
    border-style: none;
    background: none;
    outline: none;
    box-shadow: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    left: -8px;
}