body {
    height: 100%;
    background:#fffdfb; 
}

p {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; 
    font-size: 1.5em; 
    text-align: justify;
}

.text {
    min-height: 100%;
    
    padding: 100px;
    padding-left: 12.5%;
    padding-right: 12.5%;
}

.summary{
    padding-top: 25%;
}

/* toggles */

.btn-toggle-darktheme{
    background: url(../resources/icons/darkmode.png);
    height: 64px;
    width: 64px;;
}

.btn-toggle-smalltxt{
    background: url(../resources/icons/decrease-font.svg);
    height: 64px;
    width: 64px;
}

.btn-toggle-largetxt{
    background: url(../resources/icons/increase-font.svg);
    height: 64px;
    width: 64px;
}

.dark-theme {
    color: rgb(207, 210, 214);
    background: rgb(45, 45, 45);
}

.smalltxt {
    font-size: 0.75em;
}

.largetxt{
    font-size: 1.25em; 
}

/* gallery */

div.center {
    text-align: center;  
}

div.gallery-box {
    position: relative;
    display: inline-block;
    width: 85%;
}

div.gallery {
    border: 2px solid #ccc;
}
  
div.gallery:hover {
    box-shadow: 7px 7px; solid #777;
}
  
div.gallery img {
    width: 100%;
    height: auto;
}
  
div.desc {
    padding: 15px;
    text-align: center;
}
 
/*
* {
    box-sizing: border-box;
} */

/*
@media only screen and (max-width: 700px) {
    .responsive {
      width: 49.99999%;
      margin: 6px 0;
    }
}*/

.responsive {
    padding: 6px;

    float: left;
    width: 49.99999%;
    padding-left: 2.5%;
    padding-right: 2.5%;
}
  
@media only screen and (max-width: 700px) {
    .responsive {
      width: 100%;
    }
}
  
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

/* styling for pixelart backgrounds */

.parallax {
    /* The image used
    background-image: url('./resources/welcome/1472332510394.gif');  */

    /* Full height */
    height: 110%; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bg0 {
    background-image: url("../resources/d0/d0_title.gif");
    min-height: 100%;
}

.bg1 {
    background-image: url("../resources/d1/d1_title.gif");
    min-height: 100%;
}

.bg2 {
    background-image: url("../resources/d2/d2_title.gif");
    min-height: 100%;
}
.bg3 {
    background-image: url("../resources/d3/d3_title.gif");
    min-height: 100%;
}
.bg4 {
    background-image: url("../resources/d4/d4_title.gif");
    min-height: 100%;
}
.bg5 {
    background-image: url("../resources/d5/d5_title.gif");
    min-height: 100%;
}
.bg6 {
    background-image: url("../resources/d6/d6_title.gif");
    min-height: 100%;
}
.bg7 {
    background-image: url("../resources/d7/d7_title.webp");
    min-height: 100%;
}
.bg8 {
    background-image: url("../resources/d8/d8_title.gif");
    min-height: 100%;
}
.bg9 {
    background-image: url("../resources/d9/d9_title.webp");
    min-height: 100%;
}
.bg10 {
    background-image: url("../resources/d10/d10_title.gif");
    min-height: 100%;
}
.bg11 {
    background-image: url("../resources/d11/d11_title.gif");
    min-height: 100%;
}
.bg12 {
    background-image: url("../resources/d12/d12_title.gif");
    min-height: 100%;
}
.bg13 {
    background-image: url("../resources/d13/d13_title.gif");
    min-height: 100%;
}
.bg14 {
    background-image: url("../resources/d14/d14_title.gif");
    min-height: 100%;
}

/* styling for one-liners */

.bold.striked{
    position: relative;
    font-size: 300%;
    font-weight: bolder;
    text-shadow: 1px 1px 2px #000000;
    color: rgb(247, 247, 247);
    text-align: center;
    margin: 0 auto;
    z-index: 2;
}

.bold.striked::before{
    content: "";
    height: 25px;
    width: calc(100% + 100px);
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}
.bold.striked.d0::before{
    background: rgb(37, 107, 139);
}
.bold.striked.d1::before{
    background: #90BF8F;
}
.bold.striked.d2::before{
    background: rgb(89, 67, 216);
}
.bold.striked.d3::before{
    background: #4882d5;
}
.bold.striked.d4::before{
    background: #6A4724;
}
.bold.striked.d5::before{
    background: #75BDE7;
}
.bold.striked.d6::before{
    background: #09998A;
}
.bold.striked.d7::before{
    background: #9F9EFF;
}
.bold.striked.d8::before{
    background: #CF5858;
}
.bold.striked.d9::before{
    background: #70C158;
}
.bold.striked.d10::before{
    background: #D5649E;
}
.bold.striked.d11::before{
    background:#418757;
}
.bold.striked.d12::before{
    background: #96452D;
}
.bold.striked.d13::before{
    background: #456545;
}
.bold.striked.d14::before{
    background: #DE7C00;
}