body{
    background-image: url("./images/008.gif");
    color: white;
    font-size: 16px;
    height: 100%;
    margin: 0;
    padding: 0;
}

@media screen and (min-width: 1601px){
    .reviewtext { width: 90%;}
}
@media screen and (max-width: 1600px){
    .sideright { }
    .reviewtext { width: 85%;}
}

@media screen and (max-width: 1320px) {
    .funnyimage { 
        float:right;
        right: 0px !important;
    }
}

@media screen and (max-width: 1250px){
    .banner { width:100%}
    .construction { width: 61%;}
}

footer{
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 5rem;
    text-align: center;
}

.top{
    position: relative;
    min-height: 100%;
    display: flex;
}

.sideleft{
    float: left;
    width: 12%;
    /*width: 12%; max-width: 200px; min-width: 134px;*/
    max-width: 200px;
    min-width: 144px;
    padding-bottom: 5rem;
    padding-left: 10px;
}

.content{
    float: left;
    max-width: 89%;
    min-width: 40%;
    padding-bottom: 5rem;
    margin-left: auto;
    margin-right: auto;
    /*padding-right: 10px;*/
    text-align: center;
}

.sideright{

    float: right;
    width: 12%;
    max-width: 200px;
    min-width: 134px;
    padding-bottom: 5rem;
    padding-right: 20px;
}

.header{
    padding: auto;
    width: 100%;
}

.barry{
    margin-top: 80px;
    padding-left: 10px;
}

.itemy {
    margin-left: 4px;
    margin-top: 5px;
    text-decoration: none;
    list-style: none;
    font-size: 1.25em;
    font-weight: 900;
}

.awesome{
    margin-top: 60px;
    font-size: 2em;
    font-weight: 900;
}

.nostalgic{
    margin: 0 0 0 0;
}

.fucksociety{
    margin: 0 0 0 0;
    color: rgb(255, 242, 219);
}

.indexme{
    text-align: center;
    font-size: 1.1em;
}

.reviewlist{
    margin-top: 5px;
    font-size: 1.1em;
    text-align: left;
}

a.reviewlink:link, a.reviewlink:visited{
    text-decoration: none;
    color:darkorange;

}

.dating{
    display: flex;
}

.written{
    font-style: italic;
    font-size: 0.9em;
    flex: 50%;
}

.lastupdated{
    font-style: italic;
    font-size: 0.9em;
    flex: 50%;
    text-align: right;
}
.reviewtext {
    text-align:left;
    font-size: 1.1em;
    color: rgb(255, 242, 219);
}

.reviewsubheader{
    padding-left: 24px;
}

.align-left{
    text-align: left;
}

.regulartext{
    margin-top:20px;
    font-size: 1.1em;
    text-align: left;
}

.dancingcat{
    width: 150px;
    padding-right: 20px;
    animation: rotate 3s infinite;
    transform-origin: center;
}

@keyframes rotate {
    0%      { transform: rotate(0deg); }
    100%    { transform: rotate(360deg); }
}

.welcomeoldman{
    width: 200px;
}

.gradient_text_red_pink{
    background-image: linear-gradient(125deg,red, pink);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gradient_text {
    background-image: linear-gradient(red, orange);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.comicsans{
    font-family: Apple Chancery, cursive;
    font-style: italic;
}


.bottombanner{
    
}
