@import url("https://fonts.googleapis.com/css?family=Berkshire+Swash&display=swap");

body{
    /* background-color: #393E46;
    color: #D65A31; */

    background: linear-gradient(93deg, #30475e, #84142d);
    background-size: 400% 400%;
    -webkit-animation: myAnim1 8s ease infinite;
    -moz-animation: myAnim1 8s ease infinite;
    animation: myAnim1 8s ease infinite;
}
@-webkit-keyframes myAnim1 {
    0%{background-position:0% 49%}
    50%{background-position:100% 52%}
    100%{background-position:0% 49%}
}
@-moz-keyframes myAnim1 {
    0%{background-position:0% 49%}
    50%{background-position:100% 52%}
    100%{background-position:0% 49%}
}
@keyframes myAnim1 {
    0%{background-position:0% 49%}
    50%{background-position:100% 52%}
    100%{background-position:0% 49%}
}


.col-sm{
    align-self: center;
    vertical-align: middle;
}
img{
    align-self: center;
    vertical-align: middle;
}
.pornHeading{
    font-family: 'Berkshire Swash', cursive;
    color: darkgoldenrod;
}

.category img{
    border: 5px solid darkgoldenrod;
    margin: 50px 0px 50px 0px;
    transition: all 0.3s ease-in-out;
}
.category img:hover{
    transform: scale(1.05) rotate(10deg);
    border: 5px dashed darkgoldenrod;
}

.btn{
    background-color: darkgoldenrod;
}