.sue-ellen-francisco-regular {
    font-family: "Sue Ellen Francisco", serif;
    font-weight: 400;
    font-style: normal;
 }

 #screenshot-progression-link {
    position: absolute;
    left: 1350px;
    top: 10px;
    font-size: 01.2em;


 }

 .separator {
    /* height: 10px; */
    border: 10px solid white;
    margin-top: 300px;
 }


 * {
    /* border: 1px solid white; */
    border-radius: 4px;
    /* box-sizing: border-box; */
    margin: none;
    padding: none;
 }

 *,
 *::before,
 *::after {
    box-sizing: border-box;

 }

 html {
    border: none;
 }

 body {
    background-color: black;
    color: white;
    border: 1px solid white;
    margin: 0px;
    display: flex;
    flex-flow: row wrap;
 }

 #miss-molly-title {
    font-size: 3.5em;
    border: 1px solid red;
    /* color: red; */
 }



 p {
    border: 1px solid violet;
 }

 #first-block {
    border: 2px solid green;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    height: 37vh;
    width: 100vw;
    margin: 0px 0px 40px 0px;
    padding: 20px;
 }


 #molly-happy-portrait {
    border: 1px solid orange;



 }

 #introduction {
    border: 1px solid yellow;
    width: 60vw;
    overflow-y: scroll;
 }



 #second-container {
    border: 5px solid red;
    height: 40vh;
    display: flex;
 }

 #second-block {
    border: 2px solid rgb(0, 204, 255);
    overflow: scroll;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    width: 100%;
 }


 pre {
    font-family: "Sue Ellen Francisco", cursive;
    font-size: 1.5em;
    white-space: pre-wrap;
    /* wrap long lines if needed */
    color: white;
    background: none;

 }

 #first-pre {
    width: 60%;
    border: 1px solid aqua
 }


 #burning-woman-flame-thrower {
    width: 30vw;
    height: auto;
    object-fit: contain;
    border: 1px solid blue;
    box-shadow: 0px 0px 8px 3px white;
 }


 #third-container {
    border: 2px solid purple;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
    height: 220px;
    margin-bottom: 50px;
    padding: 20px;
    margin-top: 500px;
 }

 .quinti {
    border: 1px solid rgb(231, 89, 231);
    width: 16%;
    height: 100%;
    box-shadow: 0px 0px 8px 3px white;
    transition: scale 1s;
    text-align: center;
    font-size: 2em;
 }


 .quinti:hover {
    scale: 1.10;

 }

#burning-woman-flame-thrower-link {
   width: 100%;
   z-index: -1;
   /* margin-bottom: 300px; */
   
}



#burning-woman-title {
  position: relative;
  top: -120px;
}





 #molly-screenshot-1 {
    width: 100vw;
    /* margin: 40px; */
 }












 /* ---------- Nav ---------- */
 nav {
    position: absolute;
    top: 60px;
    left: 300px;
    right: 0;
    z-index: 1000;
 }

 nav ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 60px;
    list-style: none;
    margin: 0;
    padding: 0 0 0 60px;
    border: 1px solid orange;
 }

 nav li {
    font-size: 1.5em;

 }

 nav a {
    color: #fff;
    text-decoration: none;
    transition: color .3s ease;
    padding: 10px;
    font-size: 1.2em;
 }

 nav a:hover {
    color: rgb(255, 69, 0);
 }

 /* Hamburger */
 .hamburger {
    display: none;
 }









 /* øøøøøøøøøøøøøøøøøøøøøøøøøøøøøøøø */
 /* øøøøøøøøøøøøøøøøøøøøøøøøøøøøøøøø */
 /* øøøøøøøøøøøøøøøøøøøøøøøøøøøøøøøø */
 /* øøøøøøøøøøøø CLASSES øøøøøøøøøøøø */
 /* øøøøøøøøøøøøøøøøøøøøøøøøøøøøøøøø */
 /* øøøøøøøøøøøøøøøøøøøøøøøøøøøøøøøø */
 /* øøøøøøøøøøøøøøøøøøøøøøøøøøøøøøøø */
 /* øøøøøøøøøøøøøøøøøøøøøøøøøøøøøøøø */

 .center {
    text-align: center;
 }

 .right {
    text-align: right;
    padding: 0px 10px 0px 10px;
 }

 .left {
    text-align: left;
 }

 .zoom1 {

    transition: scale .5s;
 }

 .zoom1:hover {
    scale: 1.05;
 }

 .zoom2 {
    transition: scale 1s;
 }

 .zoom2:hover {
    scale: 1.10;

 }

 .zoom3 {
    transition: scale 2s;
 }

 .zoom3:hover {
    scale: 1.25;

 }

 .zoom4 {
    transition: scale 2s;
 }

 .zoom4:hover {
    scale: 1.8;
 }

 .zoom5 {
    transition: scale 2s;
 }

 .zoom5:hover {
    scale: 4;
 }






 /* øøøøøøøøøøøøøøøøøøøøøøøøøøøøøøøø */
 /* øøøøøøøøøøøøøøøøøøøøøøøøøøøøøøøø */
 /* øøøøøøøøøøøøøøøøøøøøøøøøøøøøøøøø */
 /* øøøøøøøøøøøø MEDIA øøøøøøøøøøøøø */
 /* øøøøøøøøøøøøøøøøøøøøøøøøøøøøøøøø */
 /* øøøøøøøøøøøøøøøøøøøøøøøøøøøøøøøø */
 /* øøøøøøøøøøøøøøøøøøøøøøøøøøøøøøøø */
 /* øøøøøøøøøøøøøøøøøøøøøøøøøøøøøøøø */


 /* åååååååååååååå mobile åååååååååååååå */


 @media only screen and (max-width: 480px) {

    * {
       display: block;
       border: none;
    }

    body {
       padding: 0px;
       display: flex;
       flex-flow: column nowrap;
       width: 100vw;
    }

    #itty_terrified {
       width: 100vw;
    }
 }



 /* åååååååååååååå mobile åååååååååååååå */


 @media only screen and (min-width: 481px) {

    body {
       display: flex;
       flex-flow: column nowrap;
       justify-content: space-around;
    }


 }