body {
    overflow-x: hidden;
    overflow-y: hidden;
    margin: 0;
}

#body2{
  display: flex;
  flex-direction:column;
  height:100vh;
}

#alignLongwise{
    display:flex;
    flex-direction:row;
    flex-basis:100%;
    height:100vh;
}

/* ====================SCROLL BAR==================== */
::-webkit-scrollbar{
    width: 15px;
}

/* Track */
    ::-webkit-scrollbar-track{
    box-shadow: inset 0 0 5px grey; 
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb{
    background:rgb(255, 255, 255, 0.5); 
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover{
    background: rgb(216, 216, 216, 0.5);
    box-shadow: inset 0 0 5px grey;
}
/*==================================================================================================*/
/*====================MAIN BODY PICTURE AND PANEL CONTAINER========================================*/
/*==================================================================================================*/
#mainPageContentBody{
    background-image: url("photos/frogImg.png");    
    background-size: 100% 100%;
    background-repeat: no-repeat; 
    overflow-x: hidden;
    overflow-y: hidden;
    display:flex;
    flex-direction:column;
    align-content:center;
    align-items:center;
    justify-content:center;
    width:100%;
}

/*===================NAVBAR===================--*/
#navbar{
    display:grid;
    grid-template-columns:200px 200px;
    grid-gap:0 2em;
    max-width:70%;
    margin-top:2%;
    margin-left:0;
    position:fixed;
    top:2%;
}

.navbarBtn{
    background-color:rgb(23, 23, 23);
    color:rgb(0, 255, 255);
    padding:1em;
    font-family:'Courier New', Courier, monospace;
    border-radius:40px;
    cursor:pointer;
    text-align:center;
    width:fit-content;
    font-size:2.5em;
    font-weight:bold;
}

.navbarBtn:hover{
    background-color:rgb(50, 50, 50);
}

a:link {
    text-decoration: none;
}

.aboutBtnFF{
    padding-left: .7em;
    padding-right: .7em;
    padding-bottom: .4em;
    padding-top: .4em;
    border-color: rgb(60,20,249);
    border-radius: 15px;
    background-color: rgba(10, 3, 43, .93);
    border-style: solid;
    border-width:2px;
    margin: auto;
    text-align: center;
    font-family:'Courier New', Courier, monospace;
    font-weight: bold;
    color: rgb(127,159,255);
    font-size:1.5em;
    font-style: italic;
    width:70%;
}

.aboutBtnFF:hover{
    cursor: pointer;
    color: rgb(181, 199, 253);
    border-color: rgb(128,0, 255);
    font-style: italic;
}
    
.comicBtnFF{
    padding-left: .7em;
    padding-right: .7em;
    padding-bottom: .4em;
    padding-top: .4em;
    border-color: rgb(72,20,255);
    border-radius: 15px;
    background-color: rgba(12, 3, 43, .93);
    border-style: solid;
    border-width:2px;
    margin: auto;
    text-align: center;
    font-family:'Courier New', Courier, monospace;
    font-weight: bold;
    color: rgb(127,159,255);
    font-size:1.2em; 
    font-style: italic;
    width:70%;
}

.comicBtnFF:hover{
    cursor: pointer;
    border-color: rgb(128,0, 255);
    color: rgb(181, 199, 253);
    font-style: italic;
}
/*===================ABOUT US PROMPT BOX===================*/
#aboutUsModal{
    display: none;
    position: fixed; 
    z-index: 1;
    justify-content:center;
    align-content:center;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0);
    align-self:center;
    padding-top:7%;
}

#aboutUsMainGrid{
    display:flex;
    flex-direction:column;
    justify-content:center;
}

#aboutUsContent{
    overflow-y:auto;
    overflow-x:hidden;
    width:100%;
    max-height:320px;
    font-size:16.5px;
    word-wrap: break-word;
}

#aboutUsExitBtn{
    font-family:'Courier New', Courier, monospace;
    color: rgb(255, 1, 94);
    width:fit-content;
    height:fit-content;
    font-size:25px;
    text-align:center;
    background-color:rgb(23, 23, 23);
    border-radius:40px;
    border:1.5px solid rgb(255, 89, 0);
    padding-top:5px;
    padding-bottom:5px;
    padding-left:12px;
    padding-right:12px;
    cursor:pointer;
    font-weight:bold;
    align-self:flex-end;
    margin-bottom:2%;
}

#aboutUsExitBtn:hover{
    background-color:rgb(27, 27, 27);
}

#aboutUsPromptBox{
    display:block;
    background-color:rgba(2, 4, 0, 0.863);
    /*color:rgb(185, 0, 158);*/
    color:rgb(134, 134, 134);
    font-family:'Courier New', Courier, monospace;
    border-radius:40px;
/*   width:300px;*/
 width:700px;
    font-weight:bold;
/*    max-height:400px;*/
  max-height:700px;
    overflow-x:hidden;
    overflow-y:hidden;
    padding-left:30px;
    padding-right:15px;
    padding-bottom:30px;
    padding-top:30px;
    border:rgb(60, 255, 0) 8px double;
    /*border:rgb(0, 0, 255) 8px double;*/
    
}

.title{
    color: rgb(0,255,255);
    font-size:24px;
    margin-top:-1px;
    margin-bottom:-.5px;
    padding-bottom:4px;
}

.title2{
    color:rgb(0, 255, 255);
    font-size:19px;
}

li{
    list-style-type:circle;
    color:rgb(60, 255, 0);
}

.liText{
    color:rgb(134, 134, 134);
}

.italicU{
    font-style:italic;
    text-decoration:underline;
}

.liText2{
    color:rgb(185, 0, 158);
    font-size:14px;
    font-style: italic;
}

.liText3{
    color:rgb(0, 255, 238);
}

.liText4{
    color:rgb(185, 0, 158); 
}

/*================NNMD SUMMARY PROMPT BOX================*/
#nNMDSummaryModal{
    display: none;
    position: fixed; 
    z-index: 1;
    justify-content:center;
    align-content:center;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0);
    align-self:center;
    padding-top:7%;
}

#nNMDSummaryMainGrid{
    display:flex;
    flex-direction:column;
    justify-content:center;
}

#nNMDSummaryPromptBox{
    display:block;
    background-color:rgba(2, 4, 0, 0.863);
    color:rgb(185, 0, 158);
    font-family:'Courier New', Courier, monospace;
    border-radius:40px;
    max-width:300px;
    font-weight:bold;
    height:fit-content;
    overflow-x:hidden;
    overflow-y:hidden;
    padding-left:30px;
    padding-right:15px;
    padding-bottom:30px;
    padding-top:30px;
    border:rgb(60, 255, 0) 8px double;
    /*border:rgb(0, 0, 255) 8px double;*/
    

}

#nNMDSummaryExitBtn{
    font-family:'Courier New', Courier, monospace;
    color: rgb(255, 1, 94);
    width:fit-content;
    height:fit-content;
    font-size:25px;
    text-align:center;
    background-color:rgb(23, 23, 23);
    border-radius:40px;
    border:1.5px solid rgb(255, 89, 0);
    padding-top:5px;
    padding-bottom:5px;
    padding-left:12px;
    padding-right:12px;
    cursor:pointer;
    font-weight:bold;
    align-self:flex-end;
    margin-bottom:2%;
}

#nNMDSummaryContent{
    overflow-y:auto;
    overflow-x:hidden;
    width:100%;
    max-height:370px;
    font-size:16.5px;
    word-wrap: break-word;
}

#nNMDSummaryContent0{
    margin-top:0px;
}

#nNMDSummaryExitBtn:hover{
    background-color:rgb(27, 27, 27);
}

.v1{
    /*color:rgb(0, 255, 238);*/
    color:rgb(134, 134, 134);
}
.v2{
    color: rgb(0,255,0);
}

.v3{
    color:rgb(255, 89, 0);
}

.lv1{
    color: rgb(165, 165, 165);
}

.lv2{
    color:rgb(0,255,0);
    font-size:1em;
    font-style:italic;
    text-align:center;
    margin-top:-.7em;
}

.highlight{
    background-color: rgba(255, 0, 115, 0.388);
}

.lime{
    color: rgb(0,255,0);
}

.orange{
    color:rgb(255, 89, 0);
}

.coverImage{
    display: none;
    background-position: center;
    background-size: cover;
    width:362px;
    height:393px;
    min-height:393px;
    max-height:393px;
    min-width:362px;
    max-width:362px;
    margin-top:5px;
    margin-left: 140px;
    border:none;
}

.nNMDSummaryNxtBtn{
    font-family:'Courier New', Courier, monospace;
    color:rgb(127, 160, 21);
    width:fit-content;
    font-size:25px;
    text-align:center;
    background-color:rgb(23, 23, 23);
    border-radius:40px;
    border:1.5px solid rgb(255, 1, 94);
    padding-top:5px;
    padding-bottom:5px;
    padding-left:17px;
    padding-right:14px;
    cursor:pointer;
    margin-left:auto;
    margin-right:auto;
    display:block;
}

.nNMDSummaryNxtBtn:hover{
    border: 1.5px solid rgb(0,255,255);
    background-color: rgb(40,40,40);
}

.nNMDSummaryTitle{
    color:rgb(162, 2, 164);
    font-size: 23px;
    text-align: center;
    margin-top:.3em;

}

.nNMDSummaryGenres{
    color: rgb(127, 127, 127);
    text-align: center;
}

.extraUnrel{
    color: rgb(255, 0, 144);
}
.smallT{
    font-style:italic;
    font-size:.9em;
    color:rgb(255, 1, 94);
}

.nNMDSummary{
    color:rgb(255, 51, 0);
    text-align: center;
    margin-top:-.05em;
}

/*==================COMING SOON NOTE=======================*/
#comingSoonNote{
    position:fixed;
    z-index: 1;
    align-self:flex-end;
    display:none;
    top:5em;
    width:15em;
    height:13em;
    cursor:pointer;
}

/*=================NNMD CONTENT PROMPT BOX=============================*/
#nNMDContentModal{
    display: none;
    position: fixed; 
    z-index: 1;
    /* padding-top: 30px; */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.863);
    flex-direction:column;
    justify-content:center;
    align-content:center;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0);
    align-self:center;
    padding-top:5%;
}

#nNMDContentExitBtn{
    font-family:'Courier New', Courier, monospace;
    color: rgb(255, 1, 94);
    width:fit-content;
    height:fit-content;
    font-size:25px;
    text-align:center;
    /* margin-left:1075px; */
    background-color:rgb(23, 23, 23);
    border-radius:40px;
    border:1.5px solid rgb(255, 89, 0);
    padding-top:5px;
    padding-bottom:5px;
    padding-left:12px;
    padding-right:12px;
    cursor:pointer;
    font-weight:bold;
    margin-bottom:-2%;
    display:block;
    position:absolute;
    right:5%;
}

#nNMDContentExitBtn:hover{
    background-color:rgb(27, 27, 27);
}

#nNMDContentGrid{
    display:grid;
    grid-template-columns:10% 70% 10%;
    grid-gap: 0 1%;
    width:100%;
    height:500px;
    padding-bottom:1%;
}

#nNMDContentContainer{
    width:100%;
    max-height:500px;
    overflow-y:auto;
    overflow-x:hidden;
    background-color:rgb(19, 19, 19);
}

#nNMDContent{
    width:100%;
    height:auto;
}

#nNMDContentNextBtn{
    cursor: pointer;
    width:fit-content;
    height:fit-content;
    font-size:25px;
    text-align:center;
    border-radius:40px;
    padding-top:3px;
    padding-bottom:7px;
    padding-left:17px;
    padding-right:14px;
    display:block;
    color: rgb(0,255,0);
    font-weight: bold;
    border: 1.5px solid rgb(255, 89, 0, 0);
    transition: 0.6s ease;
    transform:translate(30px, 250px);
}

#nNMDContentPrevBtn{
    cursor: pointer;
    width:fit-content;
    height:fit-content;
    font-size:25px;
    text-align:center;
    border-radius:40px;
    padding-top:3px;
    padding-bottom:7px;
    padding-left:14px;
    padding-right:17px;
    display:block;
    color: rgb(0,255,0);
    font-weight: bold;
    border: 1.5px solid rgb(255, 89, 0, 0);
    transition: 0.6s ease;
    transform:translate(50px, 250px);
}

#nNMDContentNextBtn:hover, #nNMDContentPrevBtn:hover{
    background-color: rgba(0, 0, 0, 0.8);
    color: rgb(0,255,0);
    border: 1.5px solid rgb(0,255,0);
  }
  
#nNMDContentPageCount{
    background-color:rgb(206, 253, 248);
    border-radius:20px;
    padding-top:4px;
    padding-bottom:4px;
    padding-left:8px;
    padding-right:8px;
    color:rgb(40, 40, 40);
    font-weight:bold;
    font-size:23px;
    font-family:'Courier New', Courier, monospace;
    width:fit-content;
    margin-left:0%;
}

#nNMDContentLowerBtnGrid{
    display:grid;
    grid-template-columns:auto;
    grid-gap:0 1%;
    justify-content:center;
}

#nNMDContentNextBtn2{
    cursor: pointer;
    width:fit-content;
    height:fit-content;
    font-size:25px;
    text-align:center;
    border-radius:40px;
    padding-top:3px;
    padding-bottom:7px;
    padding-left:17px;
    padding-right:14px;
    display:none;
    color: rgb(0,255,0);
    font-weight: bold;
    border: 1.5px solid rgb(255, 89, 0, 0);
    transition: 0.6s ease;
}

#nNMDContentPrevBtn2{
    cursor: pointer;
    width:fit-content;
    height:fit-content;
    font-size:25px;
    text-align:center;
    border-radius:40px;
    padding-top:3px;
    padding-bottom:7px;
    padding-left:14px;
    padding-right:17px;
    display:none;
    color: rgb(0,255,0);
    font-weight: bold;
    border: 1.5px solid rgb(255, 89, 0, 0);
    transition: 0.6s ease;
}

#nNMDContentNextBtn2:hover, #nNMDContentPrevBtn2:hover{
    background-color: rgba(0, 0, 0, 0.8);
    color: rgb(0,255,0);
    border: 1.5px solid rgb(0,255,0);
}

#nNMDContentExitBtn2{
    font-family:'Courier New', Courier, monospace;
    color: rgb(255, 1, 94);
    width:fit-content;
    font-size:25px;
    text-align:center;
    background-color:rgb(23, 23, 23);
    border-radius:40px;
    border:1.5px solid rgb(255, 89, 0);
    padding-top:5px;
    padding-bottom:5px;
    padding-left:12px;
    padding-right:12px;
    cursor:pointer;
    font-weight:bold;
    height:fit-content;
    display:none;
}

#nNMDContentExitBtn2:hover{
    background-color:rgb(27, 27, 27);
}

/*==================================================================================================*/
/*============================SIDE PANEL======================================================*/
/*==================================================================================================*/
.sideBar{
    padding:5%;
    display:flex;
    align-items:center;
    flex-direction: column;
    background-image: url("photos/purpleBorder1.png");    
    background-size: cover;
    background-repeat: no-repeat; 
    overflow-x: hidden;
    overflow-y: hidden;
    max-width:20%;
    width:50%;
}

#sideBarRaincloudeLogo{
    width:100%;
    height:100%;
    position:relative;
    top: -5%;
    margin-bottom:2%;
}

.updatesAProgressBox{
    /* width:340px;
    height:234px; */
    /* width:40em;
    height:64em; */
    width:fit-content;
    height:fit-content;
    background-color:rgba(10,3,43,.77);
    border: solid 2px rgba(61,20,255,.77);
    border-radius: 10px;
    font-family: 'Courier New', Courier, monospace;
    font-weight: bold;
    font-style:italic;
    font-size:1.10em;
    color:rgb(0,255,0);
    text-align: center;
    padding: 15px;
    position:relative;
    top: -5%;
    margin-bottom:2%;
}
.updatesAProgressBox2{
    /* width:340px;
    height:234px; */
    font-family: 'Courier New', Courier, monospace;
    font-weight: bold;
    font-style:italic;
    color:rgb(0,255,0);
    text-align: center;
    padding: 15px;
    padding: 5%;
}

.upAPBT{
    color:rgb(188,178,255);
}

.donateBtnFF{
    padding-left: .7em;
    padding-right: .7em;
    padding-bottom: .4em;
    padding-top: .4em;
    border-color: rgb(43,0,87);
    border-radius: 30px;
    background-color: rgb(12,10,20);
    border-style: solid;
    border-width:2px;
    text-align: center;
    font-family:'Courier New', Courier, monospace;
    font-weight: bold;
    color: rgb(148,132,255);
    font-size:1em;
    font-style: italic;
    width:50%;
}

.donateBtnFF:hover{
    cursor: pointer;
    /* border-color: rgb(59, 0, 118); */
    border-color: rgb(128,0, 255);
    color:rgb(204, 197, 255);
    font-style: italic;
}

#donateBtnFF1{
    margin-bottom:4%;
}

#footer{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    background-color:rgb(0,0,0);
    color:rgb(0,255,255);
    font-family:'Courier New', Courier;
    font-size:1em;
    font-weight:bold;
    font-style:italic;
    text-align:center;
    padding:.5%;
    flex-basis:5%;
    width:100%;
    position: fixed;
    bottom: 0;
    right: 0;
    margin:0;
}

/*========================MEDIA:MAX-WIDTH 1000 PX===============================*/
@media only screen and (max-width: 1000px) {
    /*===================NAVBAR===================--*/
    #navbar{
        display:grid;
        grid-template-columns:auto auto;
    }

    .navbarBtn{
        background-color:rgb(23, 23, 23);
        color:rgb(0, 255, 255);
        padding:1.3em;
        font-family:'Courier New', Courier, monospace;
        border-radius:40px;
        cursor:pointer;
        text-align:center;
        width:fit-content;
        font-size:1.8em;
        font-weight:bold;
    }

    .navbarBtn:hover{
        background-color:rgb(50, 50, 50);
    }

    a:link {
        text-decoration: none;
    }

    .aboutBtnFF{
        padding-left: .7em;
        padding-right: .7em;
        padding-bottom: .4em;
        padding-top: .4em;
        border-color: rgb(60,20,249);
        border-radius: 15px;
        background-color: rgba(10, 3, 43, .93);
        border-style: solid;
        border-width:2px;
        margin: auto;
        text-align: center;
        font-family:'Courier New', Courier, monospace;
        font-weight: bold;
        font-style: italic;
        color: rgb(127,159,255);
        font-size:1.4em;
        width:70%;
    }

    .aboutBtnFF:hover{
        cursor: pointer;
        color: rgb(181, 199, 253);
    /*    border-color: rgb(38, 0, 229);*/
    border-color: rgb(128,0, 255);
    font-style: italic;
}
        
    .comicBtnFF{
        padding-left: .7em;
        padding-right: .7em;
        padding-bottom: .4em;
        padding-top: .4em;
        border-color: rgb(72,20,255);/*61, 20, 255?*/
        border-radius: 15px;
        background-color: rgba(12, 3, 43, .93);
        border-style: solid;
        border-width:2px;
        margin: auto;
        text-align: center;
        font-family:'Courier New', Courier, monospace;
        font-weight: bold;
        color: rgb(127,159,255);
        font-size:1.4em; 
        font-style: italic;
        width:fit-content;
    }

    .comicBtnFF:hover{
        cursor: pointer;
    /*    border-color: rgb(49, 0, 227);*/
    color: rgb(181, 199, 253);
    border-color: rgb(128,0, 255);
    font-style: italic;
    }


    /*===================ABOUT US PROMPT BOX===================*/
    #aboutUsModal{
        display: none;
        position: fixed; 
        z-index: 1;
        justify-content:center;
        align-content:center;
        overflow: hidden;
        background-color: rgba(0, 0, 0, 0);
        align-self:center;
        padding-top:7%;
    }
    
    #aboutUsMainGrid{
        display:flex;
        flex-direction:column;
        justify-content:center;
    }

    #aboutUsContent{
        overflow-y:auto;
        overflow-x:hidden;
        width:100%;
        max-height:290px;
        font-size:16.5px;
        word-wrap: break-word;
    }

    #aboutUsExitBtn{
        font-family:'Courier New', Courier, monospace;
        color: rgb(255, 1, 94);
        width:fit-content;
        font-size:25px;
        text-align:center;
        background-color:rgb(23, 23, 23);
        border-radius:40px;
        border:1.5px solid rgb(255, 89, 0);
        padding-top:5px;
        padding-bottom:5px;
        padding-left:12px;
        padding-right:12px;
        cursor:pointer;
        font-weight:bold;
    }

    #aboutUsExitBtn:hover{
        background-color:rgb(27, 27, 27);
    }

    #aboutUsPromptBox{
        display:block;
        background-color:rgba(2, 4, 0, 0.863);
        /*color:rgb(185, 0, 158);*/
        color:rgb(134, 134, 134);
        font-family:'Courier New', Courier, monospace;
        border-radius:40px;
/*        width:270px;*/
      width:700px;
        font-weight:bold;
/*        max-height:400px;*/
      max-height:600px;
        overflow-x:hidden;
        overflow-y:hidden;
        margin-left:0;
        padding-left:30px;
        padding-right:15px;
        padding-bottom:30px;
        padding-top:30px;
        border:rgb(60, 255, 0) 8px double;
        /*border:rgb(0, 0, 255) 8px double;*/
        

    }

    .title{
        color: rgb(0,255,255);
        font-size:24px;
        margin-top:-1px;
        margin-bottom:-.5px;
        padding-bottom:4px;
    }

    .title2{
        color:rgb(0, 255, 255);
        font-size:19px;
    }

    li{
        list-style-type:circle;
        color:rgb(60, 255, 0);
    }

    .liText{
        color:rgb(134, 134, 134);
    }

    .italicU{
        font-style:italic;
        text-decoration:underline;
    }

    .liText2{
        color:rgb(185, 0, 158);
        font-size:14px;
        font-style: italic;
    }

    .liText3{
        color:rgb(0, 255, 238);
    }

    .liText4{
        color:rgb(185, 0, 158); 
    }

    /*================NNMD SUMMARY PROMPT BOX================*/
    #nNMDSummaryModal{
        display: none;
        position: fixed; 
        z-index: 1;
        justify-content:center;
        align-content:center;
        overflow: hidden;
        background-color: rgba(0, 0, 0, 0);
        align-self:center;
        padding-top:7%;
    }

    #nNMDSummaryMainGrid{
        display:flex;
        flex-direction:column;
        justify-content:center;
    }

    #nNMDSummaryPromptBox{
        display:block;
        background-color:rgba(2, 4, 0, 0.863);
        color:rgb(185, 0, 158);
        font-family:'Courier New', Courier, monospace;
        border-radius:40px;
        width:270px;
        font-weight:bold;
        height:fit-content;
        overflow-x:hidden;
        overflow-y:hidden;
        padding-left:25px;
        padding-right:25px;
        padding-bottom:30px;
        padding-top:30px;
        border:rgb(60, 255, 0) 8px double;
        /*border:rgb(0, 0, 255) 8px double;*/
        

    }

    #nNMDSummaryExitBtn{
        font-family:'Courier New', Courier, monospace;
        color: rgb(255, 1, 94);
        width:30px;
        height:30px;
        font-size:25px;
        text-align:center;
        background-color:rgb(23, 23, 23);
        border-radius:40px;
        border:1.5px solid rgb(255, 89, 0);
        padding-top:1%;
        padding-bottom:1%;
        padding-left:1%;
        padding-right:1%;
        cursor:pointer;
        font-weight:bold;
        align-self:flex-end;
        margin-bottom:2%;
    }

    #nNMDSummaryContent{
        overflow-y:auto;
        overflow-x:hidden;
        width:100%;
        max-height:370px;
        font-size:16.5px;
        word-wrap: break-word;
    }

    #nNMDSummaryContent0{
        margin-top:0px;
    }

    #nNMDSummaryExitBtn:hover{
        background-color:rgb(27, 27, 27);
    }


    .v1{
        /*color:rgb(0, 255, 238);*/
        color:rgb(134, 134, 134);
    }
    .v2{
        color: rgb(0,255,0);
    }

    .v3{
        color:rgb(255, 89, 0);
    }

    .lv1{
        color: rgb(165, 165, 165);
    }

    .highlight{
        background-color: rgba(255, 0, 115, 0.388);
    }

    .lime{
        color: rgb(0,255,0);
    }

    .orange{
        color:rgb(255, 89, 0);
    }

    .coverImage{
        display: none;
        background-position: center;
        background-size: cover;
        width:362px;
        height:393px;
        min-height:393px;
        max-height:393px;
        min-width:362px;
        max-width:362px;
        margin-top:5px;
        margin-left: 140px;
        border:none;
    }

    .nNMDSummaryNxtBtn{
        font-family:'Courier New', Courier, monospace;
        color:rgb(127, 160, 21);
        width:fit-content;
        font-size:25px;
        text-align:center;
        background-color:rgb(23, 23, 23);
        border-radius:40px;
        border:1.5px solid rgb(255, 1, 94);
        padding-top:5px;
        padding-bottom:5px;
        padding-left:17px;
        padding-right:14px;
        cursor:pointer;
        margin-left:auto;
        margin-right:auto;
        display:block;
    }

    .nNMDSummaryNxtBtn:hover{
        background-color:rgb(40, 40, 40);
        color:rgb(0,255,0);
        border: 1.5px solid rgb(0,255,0);
    }

    .nNMDSummaryTitle{
        color:rgb(162, 2, 164);
        font-size: 23px;
        text-align: center;

    }

    .nNMDSummaryGenres{
        color: rgb(127,127,127);
        text-align: center;
    }

    .nNMDSummary{
        color:rgb(255, 51, 0);
        text-align: center;
    }

    /*==================COMING SOON NOTE=======================*/
    #comingSoonNote{
        position:fixed;
        z-index: 1;
        align-self:flex-end;
        display:none;
        top:5em;
        width:15em;
        height:13em;
        cursor:pointer;
    }

    /*=================NNMD CONTENT PROMPT BOX=============================*/
    #nNMDContentModal{
        display: none;
        position: fixed; 
        z-index: 1;
        padding-top: 30px;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgba(0, 0, 0, 0.863);
    }

    #nNMDContentExitBtn{
        display:none;
    }

    #nNMDContentExitBtn:hover{
        background-color:rgb(27, 27, 27);
    }

    #nNMDContentGrid{
        display:grid;
        grid-template-columns:80%;
        justify-content:center;
        height:400px;
        padding-bottom:1%;
    }

    #nNMDContentContainer{
        width:100%;
        max-height:380px;
        overflow-y:auto;
        overflow-x:hidden;
        background-color:rgb(19, 19, 19);
    }

    #nNMDContent{
        width:100%;
        height:auto;
    }

    #nNMDContentNextBtn{
        cursor: pointer;
        width:fit-content;
        height:fit-content;
        font-size:25px;
        text-align:center;
        border-radius:40px;
        padding-top:3px;
        padding-bottom:7px;
        padding-left:17px;
        padding-right:14px;
        display:none;
        color: rgb(0,255,0);
        font-weight: bold;
        border: 1.5px solid rgb(255, 89, 0, 0);
        transition: 0.6s ease;
        transform:translate(0);
    }

    #nNMDContentPrevBtn{
        cursor: pointer;
        width:fit-content;
        height:fit-content;
        font-size:25px;
        text-align:center;
        border-radius:40px;
        padding-top:3px;
        padding-bottom:7px;
        padding-left:14px;
        padding-right:17px;
        display:none;
        color: rgb(0,255,0);
        font-weight: bold;
        border: 1.5px solid rgb(255, 89, 0, 0);
        transition: 0.6s ease;
        transform:translate(0);
    }

    #nNMDContentNextBtn:hover, #nNMDContentPrevBtn:hover{
        background-color: rgba(0, 0, 0, 0.8);
        color: rgb(0,255,0);
        border: 1.5px solid rgb(0,255,0);
    }
        
    #nNMDContentPageCount{
        background-color:rgb(206, 253, 248);
        border-radius:20px;
        padding-top:4px;
        padding-bottom:4px;
        padding-left:8px;
        padding-right:8px;
        color:rgb(40, 40, 40);
        font-weight:bold;
        font-size:23px;
        font-family:'Courier New', Courier, monospace;
        width:fit-content;
        height:fit-content;
        margin-left:0;
    }

    #nNMDContentLowerBtnGrid{
        display:grid;
        grid-template-columns:auto auto auto auto;
        grid-gap:0 2%;
        justify-content:center;
    }

    #nNMDContentNextBtn2{
        cursor: pointer;
        width:fit-content;
        height:fit-content;
        font-size:25px;
        text-align:center;
        border-radius:40px;
        padding-top:3px;
        padding-bottom:7px;
        padding-left:17px;
        padding-right:14px;
        display:block;
        color: rgb(0,255,0);
        font-weight: bold;
        border: 1.5px solid rgb(255, 89, 0, 0);
        transition: 0.6s ease;
    }

    #nNMDContentPrevBtn2{
        cursor: pointer;
        width:fit-content;
        height:fit-content;
        font-size:25px;
        text-align:center;
        border-radius:40px;
        padding-top:3px;
        padding-bottom:7px;
        padding-left:14px;
        padding-right:17px;
        display:block;
        color: rgb(0,255,0);
        font-weight: bold;
        border: 1.5px solid rgb(255, 89, 0, 0);
        transition: 0.6s ease;
    }

    #nNMDContentNextBtn2:hover, #nNMDContentPrevBtn2:hover{
        background-color: rgba(0, 0, 0, 0.8);
        color: rgb(0,255,0);
        border: 1.5px solid rgb(0,255,0);
    }

    #nNMDContentExitBtn2{
        font-family:'Courier New', Courier, monospace;
        color: rgb(255, 1, 94);
        width:fit-content;
        font-size:25px;
        text-align:center;
        background-color:rgb(23, 23, 23);
        border-radius:40px;
        border:1.5px solid rgb(255, 89, 0);
        padding-top:5px;
        padding-bottom:5px;
        padding-left:12px;
        padding-right:12px;
        cursor:pointer;
        font-weight:bold;
        height:fit-content;
        display:block;
    }

    #nNMDContentExitBtn2:hover{
        background-color:rgb(27, 27, 27);
    }

    /*==================================================================================================*/
    /*============================SIDE PANEL======================================================*/
    /*==================================================================================================*/
    .sideBar{
        padding:5%;
        display:flex;
        align-items:center;
        flex-direction: column;
        background-image: url("photos/purpleBorder1.png");    
        background-size: cover;
        background-repeat: no-repeat; 
        overflow-x: hidden;
        overflow-y: hidden;
        max-width:20%;
        width:50%;
    }

    #sideBarRaincloudeLogo{
        width:100%;
        height:100%;
        position:relative;
        top: -5%;
    }

    .updatesAProgressBox{
        /* width:340px;
        height:234px; */
        /* width:40em;
        height:64em; */
        width:fit-content;
        height:fit-content;
        background-color:rgba(10,3,43,.77);
        border: solid 2px rgba(61,20,255,.77);
        border-radius: 10px;
        font-family: 'Courier New', Courier, monospace;
        font-weight: bold;
        font-style:italic;
        font-size:1.10em;
        color:rgb(0,255,0);
        text-align: center;
        padding: 15px;position:relative;
        top: -5%;
        margin-bottom:2%;
    }

    .updatesAProgressBox2{
        /* width:340px;
        height:234px; */
        font-family: 'Courier New', Courier, monospace;
        font-weight: bold;
        font-style:italic;
        color:rgb(0,255,0);
        text-align: center;
        padding: 5%;
        font-size:90%;
    }

    .upAPBT{
        color:rgb(188,178,255);
    }

    .donateBtnFF{
        padding-left: .7em;
        padding-right: .7em;
        padding-bottom: .4em;
        padding-top: .4em;
        border-color: rgb(43,0,87);
        border-radius: 30px;
        background-color: rgb(12,10,20);
        border-style: solid;
        border-width:2px;
        text-align: center;
        font-family:'Courier New', Courier, monospace;
        font-weight: bold;
        color: rgb(148,132,255);
        font-size:.8em;
        font-style:italic;
        width:fit-content;
    }

    .donateBtnFF:hover{
        cursor: pointer;
        /* color: rgb(183, 172, 254);
        border-color: rgb(59, 0, 118); */
        border-color: rgb(128,0, 255);
        color:rgb(204, 197, 255);
        font-style: italic;
    }

    #donateBtnFF1{
        margin-bottom:4%;
    }
}
  
/*========================MEDIA PORTRAIT===============================*/
@media only screen and (max-width: 600px) {
    .comicBtnFF{
        padding-left: .7em;
        padding-right: .7em;
        padding-bottom: .5em;
        padding-top: .5em;
        border-color: rgb(72,20,255);/*61, 20, 255?*/
        border-radius: 15px;
        background-color: rgba(12, 3, 43, .93);
        border-style: solid;
        border-width:2px;
        margin: auto;
        text-align: center;
        font-family:'Courier New', Courier, monospace;
        font-weight: bold;
        font-style: italic;
        color: rgb(127,159,255);
        font-size:1.2em; 
        width:fit-content;
    }

    .comicBtnFF:hover{
        cursor: pointer;
        border-color: rgb(128,0, 255);
        color:rgb(204, 197, 255);
        /*border-color: rgb(49, 0, 227);*/
        font-style: italic;
    }
}
/*========================MEDIA PORTRAIT===============================*/
@media only screen and (orientation: portrait) {
    /*===================NAVBAR===================--*/
    #navbar{
        display:grid;
        grid-template-columns:auto auto;
    }
    
    .navbarBtn{
        background-color:rgb(23, 23, 23);
        color:rgb(0, 255, 255);
        padding:1.3em;
        font-family:'Courier New', Courier, monospace;
        border-radius:40px;
        cursor:pointer;
        text-align:center;
        width:fit-content;
        font-size:1.8em;
        font-weight:bold;
    }
    
    .navbarBtn:hover{
        background-color:rgb(23, 23, 23);
    }
    
    a:link {
        text-decoration: none;
    }

    .aboutBtnFF{
        padding-left: .7em;
        padding-right: .7em;
        padding-bottom: .4em;
        padding-top: .4em;
        border-color: rgb(60,20,249);
        border-radius: 15px;
        background-color: rgba(10, 3, 43, .93);
        border-style: solid;
        border-width:2px;
        margin: auto;
        text-align: center;
        font-family:'Courier New', Courier, monospace;
        font-weight: bold;
        font-style: italic;
        color: rgb(127,159,255);
        font-size:1.4em;
        width:70%;
    }

    .aboutBtnFF:hover{
        cursor: pointer;
        border-color: rgb(128,0, 255);
        color:rgb(204, 197, 255);
        font-style: italic;
        /* color: rgb(181, 199, 253); */
    /*    border-color: rgb(38, 0, 229);*/
    }
        
    .comicBtnFF{
        padding-left: .7em;
        padding-right: .7em;
        padding-bottom: .4em;
        padding-top: .4em;
        border-color: rgb(72,20,255);/*61, 20, 255?*/
        border-radius: 15px;
        background-color: rgba(12, 3, 43, .93);
        border-style: solid;
        border-width:2px;
        margin: auto;
        text-align: center;
        font-family:'Courier New', Courier, monospace;
        font-weight: bold;
        font-style: italic;
        color: rgb(127,159,255);
        font-size:1.5em; 
        width:fit-content;
    }

    .comicBtnFF:hover{
        cursor: pointer;
        border-color: rgb(128,0, 255);
        color:rgb(204, 197, 255);
        font-style: italic;
/*        color: rgb(162, 185, 255);*/
    /*    border-color: rgb(49, 0, 227);*/
    }
    
    /*===================ABOUT US PROMPT BOX===================*/
    #aboutUsModal{
        display: none;
        position: fixed; 
        z-index: 1;
        justify-content:center;
        align-content:flex-start;
        overflow: hidden;
        background-color: rgba(0, 0, 0, 0);
        margin-top:0;
    }
    
    #aboutUsMainGrid{
        display:flex;
        flex-direction:column;
        justify-content:center;
        position:fixed;
        /* top:11%; */
        top:20%;
        transform:scale(200%);
    }
    
    #aboutUsContent{
        overflow-y:auto;
        overflow-x:hidden;
        width:100%;
        max-height:290px;
        font-size:16.5px;
        word-wrap: break-word;
    }
    
    #aboutUsExitBtn{
        font-family:'Courier New', Courier, monospace;
        color: rgb(255, 1, 94);
        width:fit-content;
        font-size:25px;
        text-align:center;
        background-color:rgb(23, 23, 23);
        border-radius:40px;
        border:1.5px solid rgb(255, 89, 0);
        padding-top:5px;
        padding-bottom:5px;
        padding-left:12px;
        padding-right:12px;
        cursor:pointer;
        font-weight:bold;
    }
    
    #aboutUsExitBtn:hover{
        background-color:rgb(27, 27, 27);
    }
    
    #aboutUsExitBtnStand{
        font-family:'Courier New', Courier, monospace;
        width:25px;
        height:5px;
        margin-left:0;
        transform:translateX(255px);
        background-color:rgb(23, 23, 23);
        border:1.5px solid rgb(60, 255, 0);
    }
    
    #aboutUsPromptBox{
        display:block;
        background-color:rgba(2, 4, 0, 0.863);
        /*color:rgb(185, 0, 158);*/
        color:rgb(134, 134, 134);
        font-family:'Courier New', Courier, monospace;
        border-radius:40px;
        /*width:270px;*/
      width:700px;
        font-weight:bold;
        max-height:400px;
        overflow-x:hidden;
        overflow-y:hidden;
/*        margin-left:0;*/
      margin:auto;
        padding-left:30px;
        padding-right:15px;
        padding-bottom:30px;
        padding-top:30px;
        border:rgb(60, 255, 0) 8px double;
        /*border:rgb(0, 0, 255) 8px double;*/
        

    }
    
    .title{
        color: rgb(0,255,255);
        font-size:24px;
        margin-top:-1px;
        margin-bottom:-.5px;
        padding-bottom:4px;
    }
    
    .title2{
        color:rgb(0, 255, 255);
        font-size:19px;
    }
    
    li{
        list-style-type:circle;
        color:rgb(60, 255, 0);
    }
    
    .italicU{
        font-style:italic;
        text-decoration:underline;
    }

    .liText{
        color:rgb(134, 134, 134);
    }
    
    .liText2{
        color:rgb(185, 0, 158);
        font-size:14px;
        font-style: italic;
    }
    
    .liText3{
        color:rgb(0, 255, 238);
    }
    
    .liText4{
        color:rgb(185, 0, 158); 
    }
    
    /*================NNMD SUMMARY PROMPT BOX================*/
    #nNMDSummaryModal{
        display: none;
        position: fixed; 
        z-index: 1;
        justify-content:center;
        align-content:flex-start;
        overflow: hidden;
        background-color: rgba(0, 0, 0, 0);
        align-self:flex-start;
        margin-top:0%;
    }
    
    #nNMDSummaryMainGrid{
        display:flex;
        flex-direction:column;
        justify-content:center;
        position:fixed;
        top:11%;
    }
    
    #nNMDSummaryPromptBox{
        display:block;
        background-color:rgba(2, 4, 0, 0.863);
        color:rgb(185, 0, 158);
        font-family:'Courier New', Courier, monospace;
        border-radius:40px;
        width:270px;
        font-weight:bold;
        height:fit-content;
        overflow-x:hidden;
        overflow-y:hidden;
        padding-left:25px;
        padding-right:25px;
        padding-bottom:30px;
        padding-top:30px;
border:rgb(60, 255, 0) 8px double;
/*border:rgb(0, 0, 255) 8px double;*/

    }
    
    #nNMDSummaryExitBtn{
        font-family:'Courier New', Courier, monospace;
        color: rgb(255, 1, 94);
        width:30px;
        height:30px;
        font-size:25px;
        text-align:center;
        margin-left:0;
        background-color:rgb(23, 23, 23);
        border-radius:40px;
        border:1.5px solid rgb(255, 89, 0);
        padding-top:1%;
        padding-bottom:1%;
        padding-left:1%;
        padding-right:1%;
        cursor:pointer;
        font-weight:bold;
        align-self:flex-end;
        margin-bottom:2%;
    }
 
    #nNMDSummaryContent{
        overflow-y:auto;
        overflow-x:hidden;
        width:100%;
        max-height:370px;
        font-size:16.5px;
        word-wrap: break-word;
    }
    
    #nNMDSummaryContent0{
        margin-top:0px;
    }
    
    #nNMDSummaryExitBtn:hover{
        background-color:rgb(27, 27, 27);
    }
    
    
    .v1{
        /*color:rgb(0, 255, 238);*/
        color:rgb(134, 134, 134);
    }
    .v2{
        color: rgb(0,255,0);
    }
    
    .v3{
        color:rgb(255, 89, 0);
    }
    
    .lv1{
        color: rgb(165, 165, 165);
    }
    
    .highlight{
        background-color: rgba(255, 0, 115, 0.388);
    }
    
    .lime{
        color: rgb(0,255,0);
    }
    
    .orange{
        color:rgb(255, 89, 0);
    }
    
    .coverImage{
        display: none;
        background-position: center;
        background-size: cover;
        width:362px;
        height:393px;
        min-height:393px;
        max-height:393px;
        min-width:362px;
        max-width:362px;
        margin-top:5px;
        margin-left: 140px;
        border:none;
    }
    
    .nNMDSummaryNxtBtn{
        font-family:'Courier New', Courier, monospace;
        color:rgb(127, 160, 21);
        width:fit-content;
        font-size:25px;
        text-align:center;
        background-color:rgb(23, 23, 23);
        border-radius:40px;
        border:1.5px solid rgb(255, 1, 94);
        padding-top:5px;
        padding-bottom:5px;
        padding-left:17px;
        padding-right:14px;
        cursor:pointer;
        margin-left:auto;
        margin-right:auto;
        display:block;
    }
    
    .nNMDSummaryNxtBtn:hover{
        background-color:rgb(40, 40, 40);
        color:rgb(0,255,0);
        border: 1.5px solid rgb(0,255,0);
    }
    
    .nNMDSummaryTitle{
        color:rgb(162, 2, 164);
        font-size: 23px;
        text-align: center;
    
    }
    
    .nNMDSummaryGenres{
        color: rgb(127,127,127);
        text-align: center;
    }
    
    .nNMDSummary{
        color:rgb(255, 51, 0);
        text-align: center;
    }

    /*==================COMING SOON NOTE=======================*/
    #comingSoonNote{
        position:fixed;
        z-index: 1;
        align-self:flex-end;
        display:none;
        top:5em;
        width:15em;
        height:13em;
        cursor:pointer;
    }
    
    /*=================NNMD CONTENT PROMPT BOX=============================*/
    #nNMDContentModal{
        display: none;
        position: fixed; 
        z-index: 1;
        padding-top: 30px;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgba(0, 0, 0, 0.863);
    }
    
    #nNMDContentExitBtn{
        font-family:'Courier New', Courier, monospace;
        color: rgb(255, 1, 94);
        width:fit-content;
        font-size:25px;
        text-align:center;
        margin-left:1075px;
        background-color:rgb(23, 23, 23);
        border-radius:40px;
        border:1.5px solid rgb(255, 89, 0);
        padding-top:5px;
        padding-bottom:5px;
        padding-left:12px;
        padding-right:12px;
        cursor:pointer;
        font-weight:bold;
        margin-bottom:-2%;
        display:none;
    }
    
    #nNMDContentExitBtn:hover{
        background-color:rgb(27, 27, 27);
    }
    
    #nNMDContentGrid{
        display:grid;
        grid-template-columns:80%;
        justify-content:center;
        height:770px;
        padding-bottom:1%;
    }
    
    #nNMDContentContainer{
        width:100%;
        max-height:fit-content;
        overflow-y:auto;
        overflow-x:hidden;
        background-color:rgb(19, 19, 19);
    }
    
    #nNMDContent{
        width:100%;
        height:auto;
    }
    
    #nNMDContentNextBtn{
        cursor: pointer;
        width:fit-content;
        height:fit-content;
        font-size:25px;
        text-align:center;
        border-radius:40px;
        padding-top:3px;
        padding-bottom:7px;
        padding-left:17px;
        padding-right:14px;
        display:none;
        color: rgb(0,255,0);
        font-weight: bold;
        border: 1.5px solid rgb(255, 89, 0, 0);
        transition: 0.6s ease;
        transform:translate(0);
    }
    
    #nNMDContentPrevBtn{
        cursor: pointer;
        width:fit-content;
        height:fit-content;
        font-size:25px;
        text-align:center;
        border-radius:40px;
        padding-top:3px;
        padding-bottom:7px;
        padding-left:14px;
        padding-right:17px;
        display:none;
        color: rgb(0,255,0);
        font-weight: bold;
        border: 1.5px solid rgb(255, 89, 0, 0);
        transition: 0.6s ease;
        transform:translate(0);
    }
    
    #nNMDContentNextBtn:hover, #nNMDContentPrevBtn:hover{
        background-color: rgba(0, 0, 0, 0.8);
        color: rgb(0,255,0);
        border: 1.5px solid rgb(0,255,0);
    }
        
    #nNMDContentPageCount{
        background-color:rgb(206, 253, 248);
        border-radius:20px;
        padding-top:4px;
        padding-bottom:4px;
        padding-left:8px;
        padding-right:8px;
        color:rgb(40, 40, 40);
        font-weight:bold;
        font-size:23px;
        font-family:'Courier New', Courier, monospace;
        width:fit-content;
        height:fit-content;
        margin-left:0;
    }
    
    #nNMDContentLowerBtnGrid{
        display:grid;
        grid-template-columns:auto auto auto auto;
        grid-gap:0 2%;
        justify-content:center;
    }
    
    #nNMDContentNextBtn2{
        cursor: pointer;
        width:fit-content;
        height:fit-content;
        font-size:25px;
        text-align:center;
        border-radius:40px;
        padding-top:3px;
        padding-bottom:7px;
        padding-left:17px;
        padding-right:14px;
        display:block;
        color: rgb(0,255,0);
        font-weight: bold;
        border: 1.5px solid rgb(255, 89, 0, 0);
        transition: 0.6s ease;
    }
    
    #nNMDContentPrevBtn2{
        cursor: pointer;
        width:fit-content;
        height:fit-content;
        font-size:25px;
        text-align:center;
        border-radius:40px;
        padding-top:3px;
        padding-bottom:7px;
        padding-left:14px;
        padding-right:17px;
        display:block;
        color: rgb(0,255,0);
        font-weight: bold;
        border: 1.5px solid rgb(255, 89, 0, 0);
        transition: 0.6s ease;
    }
    
    #nNMDContentNextBtn2:hover, #nNMDContentPrevBtn2:hover{
        background-color: rgba(0, 0, 0, 0.8);
        color: rgb(0,255,0);
        border: 1.5px solid rgb(0,255,0);
    }
    
    #nNMDContentExitBtn2{
        font-family:'Courier New', Courier, monospace;
        color: rgb(255, 1, 94);
        width:fit-content;
        font-size:25px;
        text-align:center;
        background-color:rgb(23, 23, 23);
        border-radius:40px;
        border:1.5px solid rgb(255, 89, 0);
        padding-top:5px;
        padding-bottom:5px;
        padding-left:12px;
        padding-right:12px;
        cursor:pointer;
        font-weight:bold;
        height:fit-content;
        display:block;
        transform:translateX(75px);
    }
    
    #nNMDContentExitBtn2:hover{
        background-color:rgb(27, 27, 27);
    }

    /*==================================================================================================*/
    /*============================SIDE PANEL======================================================*/
    /*==================================================================================================*/
    .sideBar{
        padding:5%;
        display:flex;
        align-items:center;
        flex-direction: column;
        background-image: url("photos/purpleBorder1.png");    
        background-size: cover;
        background-repeat: no-repeat; 
        overflow-x: hidden;
        overflow-y: hidden;
        max-width:20%;
        width:50%;
    }

    #sideBarRaincloudeLogo{
        width:100%;
        height:20%;
        max-width:150px;
        max-height:150px;
        position:relative;
        top: 0;
    }

    .updatesAProgressBox{
        width:fit-content;
        height:fit-content;
        background-color:rgba(10,3,43,.77);
        border: solid 2px rgba(61,20,255,.77);
        border-radius: 10px;
        font-family: 'Courier New', Courier, monospace;
        font-weight: bold;
        font-style:italic;
        font-size:1.10em;
        color:rgb(0,255,0);
        text-align: center;
        padding: 2%;
        align-self:center;
        align-items:center;
        display:flex;
        position:relative;
        top: 0;
        margin-bottom:5%;
    }

    .updatesAProgressBox2{
        font-family: 'Courier New', Courier, monospace;
        font-weight: bold;
        font-style:italic;
        color:rgb(0,255,0);
        text-align: center;
        padding: 2%;
        font-size:70%;
    }

    .upAPBT{
        color:rgb(188,178,255);
    }

    .donateBtnFF{
        padding-left: .7em;
        padding-right: .7em;
        padding-bottom: .4em;
        padding-top: .4em;
        border-color: rgb(43,0,87);
        border-radius: 30px;
        background-color: rgb(12,10,20);
        border-style: solid;
        border-width:2px;
        text-align: center;
        font-family:'Courier New', Courier, monospace;
        font-weight: bold;
        color: rgb(148,132,255);
        font-size:.8em;
        font-style:italic;
        width:fit-content;
    }

    .donateBtnFF:hover{
        cursor: pointer;
        /* color: rgb(183, 172, 254);
        border-color: rgb(59, 0, 118); */
        border-color: rgb(128,0, 255);
        color:rgb(204, 197, 255);
        font-style: italic;
    }

    #donateBtnFF1{
        margin-bottom:4%;
        padding-left: 1em;
        padding-right: 1em;
    }
}