html, body {
    min-height: 100%;
    margin: 0;
  }

.full-page {
    background-color: #0061f2;
    min-height: 100%;
    background-image: linear-gradient(135deg, #0061f2 0%, rgba(105, 0, 199, 0.8) 100%);
}

.big-card {
    margin-top: 100px;
    position: relative;
    height: 600px;
}

.icon {
    color: #0061f2;
    margin: 20px 15px 10px 15px;
}

.pointer {
    cursor: pointer !important;
}

.card {
    cursor: pointer  !important;
}

.text-genre {
    font-size: large;
}

.rounded-more{
    border-radius: 1rem!important;
}

.watchlist{
    color: #0d6efd!important;
}

.hidelist{
    color: #0d6efd!important;
}

* {
    -webkit-appearance: none !important; 
    -moz-appearance: none !important;
    appearance: none !important;
}

/* animations */
@keyframes fade-out {
    0% {opacity: 1;}
    100% {opacity: 0;} 
 } 

 @keyframes fade-in {
    0% {opacity: 0;}
    100% {opacity: 1;} 
 }