/* amatic-sc-regular - latin */



p,
li,
cite,
sub,
pre tr,
td,
pre {
   filter: blur(4px);
}





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


.shadow-standard {
   border: 1px solid white;
   box-shadow: 0 0 8px 3px white;
   padding: 20px;
   background-color: black;
}

.flex-row-evenly {
   display: flex;
   flex-flow: row wrap;
   justify-content: space-between;
}

.page {
   width: 90%;
   height: 90vh;
   border: 3px solid black;
   box-shadow: 0px 0px 6px 2px white inset;
   overflow-y: scroll;
}

.list-item {
   border: none;
   padding: 4px;

}

.lists {
   margin: 15px;
   border: 8px solid purple;
}



.flex-row-wrap-evenly {
   display: flex;
   flex-flow: row wrap;
   justify-content: space-between;
}






.oggi {
   border: 1px solid green;
   box-shadow: 0px 0px 8px 2px white;
   padding: 10px;
}

.cervo-hill {
   width: 100vw;
   height: 15vh;
   margin: 50px 300px 0px 300px;
   border: 2px solid blue;
   box-shadow: 0px 0px 12px 3px white;
}


.equipment {
   border: 1px solid aqua;
}

.zoom1 {
   transition: scale 1s;
}

.zoom1:hover {
   scale: 1.05;
}

.zoom2 {
   transition: scale 2s;
}

.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;
}

.ordered {
   color: rgb(252, 7, 252);
}

.conmigo {
   color: aqua;
}

.jump-links {
   color: red;
   border: none;
   text-decoration: none;
}

.tooltip {
   position: relative;
   display: inline-block;
   border-bottom: 1px dotted black;
   margin: 10px 0px 0px 0px;
}

.tooltip .tooltiptext {
   visibility: hidden;


   /* Position the tooltip */
   position: absolute;
   z-index: 1;
   top: -5px;
   left: 105%;
}

.tooltip:hover .tooltiptext {
   visibility: visible;
}

.toodos {
   border: 1px solid rgb(107, 142, 168);
   background-color: rgb(39, 3, 3);
   font-size: 1.0em;
   padding: 20px;
   width: 20vw;
}

.toodos>li {
   color: white;
   padding: 10px;
}




/* øøøøøøøøøøøøøøøøøøøøøøøøøøøøøøøø */
/* øøøøøøøøøøøøøøøøøøøøøøøøøøøøøøøø */
/* øøøøøøøøøøøøøøøøøøøøøøøøøøøøøøøø */
/* øøøøøøøøøøøø 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;
   }

   #capitolo_primo {
      display: flex;
      flex-flow: row wrap;
   }

   #capitolo_cuarto {
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-around;
   }

   #cinque_container {
      display: flex;
      flex-flow: column nowrap;
   }

   #itty_terrified {
      width: 80vw;
   }


}

html,
body {
   overflow-x: clip;
   padding-bottom: 0px;
   background-color: rgb(71, 3, 3);
}

/* modern browsers */




* {
   border: 1px solid white;
   border-radius: 4px;
   box-sizing: border-box;
}

span {
   border: none;
}


div,
p,
li,
ul {
   margin: 0px;
   padding: 0px;
}

p {
   font-size: 1.1em;
}

sub {
   font-size: .2em;
}

h1 {
   font-size: 1.6em;
}

h2 {
   font-size: 1.5em;
}

h1,
h2,
h3 {
   font-family: 'Amatic SC';
   padding: 5px;
   filter: blur(0px);
}

#password {
   opacity: 0%;
   z-index: 5;
   position: absolute;
   left: 200px;
   top: 80px;
}

.snowburst-one-regular {
   font-family: "Snowburst One", serif;
   font-weight: 400;
   font-style: normal;
}

.loved-by-the-king-regular {
   font-family: "Loved by the King", cursive;
   font-weight: 400;
   font-style: normal;
}

.iceland-regular {
   font-family: "Iceland", serif;
   font-weight: 400;
   font-style: normal;
}

.life-savers-regular {
   font-family: "Life Savers", serif;
   font-weight: 400;
   font-style: normal;
}

.nova-oval-regular {
   font-family: "Nova Oval", serif;
   font-weight: 400;
   font-style: normal;
}

.emilys-candy-regular {
   font-family: "Emilys Candy", serif;
   font-weight: 400;
   font-style: normal;
}

.lovers-quarrel-regular {
   font-family: "Lovers Quarrel", serif;
   font-weight: 400;
   font-style: normal;
}

.sankofa-display-regular {
   font-family: "Sankofa Display", serif;
   font-weight: 400;
   font-style: normal;
   font-size: 30px;
}

.butcherman-regular {
   font-family: "Butcherman", serif;
   font-weight: 400;
   font-style: normal;
}

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


.playwrite-mx-100 {
   font-family: "Playwrite MX", cursive;
   font-optical-sizing: auto;
   font-weight: 100;
   font-style: thin;
}

.barriecito-regular {
   font-family: "Barriecito", serif;
   font-weight: 400;
   font-style: normal;
}

.snowburst-one-regular {
   font-family: "Snowburst One", serif;
   font-weight: 400;
   font-style: normal;
}

.geo-regular {
   font-family: "Geo", serif;
   font-weight: 400;
   font-style: normal;
}






.center {
   text-align: center;
}

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

.left {
   text-align: left;
}

/* ®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®® */
/* ®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®® */
/* ®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®® */
/* ®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®® */
/* ®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®® */
/* ®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®® */
/* ®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®® */
/* ®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®® */






body {
   color: white;
   background-color: rgb(71, 3, 3);
   /* border: 1px solid red; */
   padding: 20px;
   margin-bottom: 400px;
   border: none;
   width: 100%;
}


.title {
   font-family: 'Amatic SC';
   /* font-family: 'Sue Allen Francisco'; */
   font-size: 7.5em;
   font-weight: normal;
   margin-left: 40px;
   width: 100%;
   padding: 0px 0px 0px 16px;
   margin: 0px;
}

/* ®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®® */

#capitolo_primo {
   border: 1px solid white;
}

#denial,
#over_reaction {
   width: 100%;
   text-align: center;
   font-size: 1.3em;
   font-family: 'Amatic SC';
   box-shadow: 0 0 4px 1px white;
}

#same_day {
   justify-content: center;
}

#capitolo_due {
   color: white;
}


#what_would_itty {
   position: relative;
}


/* thought */
.itty_thought {
   position: absolute;
   top: 60px;
   right: 30px;
   font-size: 1.3em;
   padding: 10px;
   border-radius: 4px;
   border: none;
   font-size: 1.6em;
   font-family: 'Amatic SC';
}


/* image */
#itty_cradle {
   object-fit: cover;
   z-index: -1;
   width: 100%;
   height: auto;
   border-radius: 4px;
   opacity: 70%;
   box-shadow: 0px 0px 10px 4px white;
}


#ana {
   display: block;
   text-align: center;
}



#capitolo_tre {
   color: white;
   margin-top: 20px;
}

h3.map_header {
   text-align: center;
}

#maps_container {
   display: flex;
   flex-flow: row wrap;
   justify-content: flex-start;
   /*  background-image: url("itty_cross_close.jpg"); */
   background-repeat: no-repeat;
}

.maps {
   width: 30%;
   height: 450px;
   margin: 15px;
   box-shadow: 0px 0px 10px 4px white;
   border-radius: 4px;
}

#capitolo_cuarto {
   border: 1px solid yellow;
   margin-bottom: 30px;
   width: 100vw;

}

#cinque_container {
   border: 1px solid aqua;
   width: 25vw;
}

#itty_cross_close {
   width: 60vw;
   height: auto;
   object-fit: cover;
   opacity: 80%;
   border: 1px solid grey;
   box-shadow: 0px 0px 20px 6px white;
   padding: 0px
}

#itty_terrified_container {
   display: flex;
   flex-flow: row nowrap;
   margin-bottom: 20px
}

#itty_terrified {
   width: 80vw;
   object-fit: cover;
   margin: 10px;
   opacity: 80%
}

#post_itty {
   width: 100vw;
   border: 2px solid aqua;
   margin-bottom: 20px;
}

.itty_one_rufus {
   object-fit: cover;
}

#xxvi_container {
   border: 2px solid aqua;
   display: flex;
   flex-flow: row nowrap;
   justify-content: space-around;
   width: 100%;
   padding: 15px;
   /* box-shadow: 0 0 10px 3px white inset; */
   border-radius: 4px;
}

.iv-column {
   width: 25vw;
   height: 150px;
   margin: 10px;
   overflow: scroll;
   box-shadow: 0 0 5px 2px white inset, 0 0 5px 2px black;

}

#xxvi {

   border-radius: 3px;
   width: 25vw;

}

#some-tricks {
   width: 25vw;
   border-radius: 3px;
}



#xxvii_container {
   width: 100vw;
   display: flex;
   flex-flow: row nowrap;
   justify-content: center;
   margin-bottom: 30px;
}

#timeline_container {
   display: flex;
   flex-flow: row wrap;
   justify-content: space-around;
   border: 2px solid orange;
   width: 100vw;
}

#z_first {
   width: 100vw;
}

/* ¨¨¨¨¨¨¨¨¨¨¨¨ drugas ˚˚˚˚˚˚˚˚˚˚˚˚˚˚ */
#tornato_container {
   display: flex;
   flex-flow: row nowrap;
   justify-content: center;
}

#cervo-panorama {
   width: 100%;
}

#zvereva {
   font-size: 2.3em;
   box-shadow: 0px 0px 8px 2px white;
   transition: color 1s, scale 1s, opacity 4s;
}

#zvereva:hover {
   color: darkred;
   scale: 1.06;
   opacity: 0.1;
}

/*  ≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈ */

#tornato-los-drugas {
   display: flex;
   flex-flow: row wrap;
   justify-content: space-between;
   align-items: center;
   width: 100%;
   border: 1px solid purple;
}

.drugas:hover {
   scale: 1.04;
}



.drugas {
   width: 17%;
   font-size: 0.9em;
   transition: scale 1s;
   border: 2px solid blue;
   box-shadow: 0px 0px 6px 1px white;
}

#mamma-mia-cigar-container {
   width: 60%;
   height: auto;
   border: none;
   margin-bottom: 0px;
   /* border: 1px solid blue; */
}

#MammaMia_cigar {
   width: 100%;
   box-shadow: 0px 0px 12px 2px white;
   transition: scale 1s;
}

#MammaMia_cigar:hover {
   scale: 1.06;
}





/* drugas footer */

#drugas-timeline-container {
   display: flex;
   flex-flow: row wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
   width: 100%;
   border: 1px solid blue;
   margin: 25px 0px 29px 0px;
   padding: 20px 0px 0px 0px;
   box-shadow: 0px 0px 10px 1px white inset;
}

.drugas-timeline {
   width: 18%;
   font-size: 1.5em;
   text-align: center;
   padding: 5px;
   font-family: 'Amatic SC';
   border: 1px solid white;
   border: none;
   margin: 0px 0px 20px 0px;
}



#drugas-footer {
   display: flex;
   flex-flow: row wrap;
   justify-content: space-evenly;
   align-items: center;
   width: 100%;
   height: 120px;
   border: 1px solid white;
   padding: 10px 0px 10px 0px;
   box-shadow: 0px 0px 10px 1px white inset;
}

.footer-mia {
   box-shadow: 0px 0px 8px 1px white;
   height: 90%;
   margin-bottom: 0px;

}

#footer-left {
   width: 24%;
}

#footer-center {
   width: 37%;
}

#footer-right {
   width: 24%;
}

#saint-tattoo {
   width: 30vw;
   box-shadow: 0px 0px 16px 4px white;
   border: none;
   margin-top: 20px;
   border-radius: 5px;
}

#psci-database {
   width: 100vw;
   margin: 30px 100px 30px 100px;
}


#cambio {
   width: 80%;
   margin: 0px 400px 20px 400px;
}

#wise-reflection {
   width: 100vw;
   height: auto;
   margin: 0px 50px 50px 50px;
   box-shadow: 0px 0px 25px 7px;
   border-radius: 6px;
}


#ranch-walk {
   width: 70vw;
   height: auto;
   margin-bottom: 30px;
   box-shadow: 0px 0px 15px 2px;
   border-radius: 6px;
}


#pre-practice {
   letter-spacing: 10px;
   line-height: 18px;
   margin: 0px 400px 30px 400px;
   /* filter: blur(0.1px); */
}

#fonts-container {
   display: flex;
   flex-flow: row wrap;
   justify-content: center;
   /* border: 1px solid yellow; */
}

.phiOros {
   border: 1px solid rgb(185, 13, 24);
   font-size: 10px;
   background-color: black;
   color: rgb(185, 13, 24);
   margin: 30px 100px 30px 100px;
   border-radius: 10px;
   box-shadow: 0px 0px 12px 2px white;
}

#zvereva-butcherman {
   border: none;
   font-size: 1.5em;
   transition: color 2s, font-size 3s, opacity 2s ease-out 3.5s;

}

#zvereva-butcherman:hover {
   color: red;
   text-shadow: 0px 0px 12px 4px black;
   font-size: 5em;
   opacity: 0%;
}


#allora {
   margin: 50px 100px 50px 100px;
   width: 100vw;
}



#solitude-dunes {
   object-fit: contain;
   margin: 50px 10vw 20px 10vw;
   border: 4px solid pink;
   width: 80vw;
   padding: 20px;
   box-shadow: 0px 0px 14px 2px white inset;

}

#this-week-container {
   display: flex;
   flex-flow: row nowrap;
   justify-content: space-evenly;
   /* border: 2px solid blue; */
   width: 100vw;
}

#first-work-vacation {
   border: 3px solid rgb(30, 30, 128);
   margin: 50px 0px 50px 0px;
   padding: 20px;
   box-shadow: 0px 0px 14px 5px white, 0px 0px 14px 6px rgb(58, 163, 215) inset;
}

#texas-concrete {
   width: 80vw;
   margin: auto;
}


#hannah {
   width: 100vw;
   margin: 50px 10vw 50px 10vw;
   display: none;
}


#preparondo-per-departura {
   border: 3px solid pink;
   width: 90%;
   display: flex;
   flex-flow: row wrap;
   justify-content: space-evenly;
}

#iceland-timeline-container {
   display: flex;
   flex-flow: row wrap;
   justify-content: space-around;
   width: 100vw;
   margin: 20px 0px 0px 0px;
   border: 2px solid aqua;
   padding: 20px 0px 20px 0px;
   box-shadow: 0px 0px 14px 3px white inset;
}

#iceland-timeline {
   border: 2px solid blue;
   box-shadow: 0px 0px 12px 3px white;
}

#equipment-list-container {
   width: 100%;
   /* margin: 20px 80px 20px 80px; */
   display: flex;
   flex-flow: row wrap;
   justify-content: space-around;
   border: 2px solid blue;
   padding: 20px;
}

#others {
   border: 2px double pink;
}

#winter-gear {
   border: 4px double pink;
}

#pajaro-timeline-container {
   width: 100%;
   margin: 0px 50px 0px 50px;
   border: 2px solid blue;
   box-shadow: 0px 0px 12px 3px white;
}


#ozzy-container {
   width: 100%;
   /* padding: 40px 50px 40px 50px; */
   border: 2px solid rgb(96, 0, 0);
   box-shadow: 0px 0px 12px 3px pink;
}

.ozzy-content {
   background-color: rgb(22, 3, 3);
   opacity: 0.6;
}

#ii-xx-mmxxv {
   /* margin: 20px 100px 20px 100px; */
   border: 2px solid green;
}

#foto-strip-container {
   display: flex;
   flex-flow: row wrap;
   justify-content: space-around;
   width: 100%;
}

.MammaMia-foto {
   width: 20vw;
   border: 1px solid yellow;
   object-fit: contain;
   height: 200px;
   /* 1873 */
}

#itty-crosses-container {
   display: flex;
   flex-flow: row nowrap;
   justify-content: space-evenly;

}

.itty-crosses {
   width: 20vw;
   height: auto;
   object-fit: contain;
   border: none;
   /* margin: 20px 0px 20px 0px; */
}

#post-itty-container {
   display: flex;
   flex-flow: column wrap;
   justify-content: space-around;
   height: 60vh;
   width: 100vw;
   border: 4px solid magenta;
   margin: 50px 10px 50px 10px;
   padding: 20px;
   box-shadow: 0px 0px 14px 4px white inset;

}

#post-itty-bar {
   color: aqua;
}


#ii-xxiii-list {
   margin: 0px 0px 0px 0px;
}

#oggi {
   list-style-type: none;
}

.foti-dia-1 {
   border: 1px solid green;
}

#first-order-img {
   display: none;
   opacity: 0.7;
   border: none;
   padding: 20px;

   /* position: absolute;
   top: -200px;
   left: -500px; */
   box-shadow: 0px 0px 15px 5px white inset;
}

#propeller-hat {
   color: red;
   position: relative;
   right: 80px;
   border: none;
}

#tattoo-btn {
   color: aqua;
   border: none;
   padding: 10px;
   margin-right: 150px;
}

#post-junior {
   width: 100vw;
}

#junior-cropped {
   margin: 40px 0px 40px 0px;
   padding: 1px;
   /* box-shadow: 0px 0px 12px 3px white; */
}

#junior-full {
   margin: 40px 0px 100px 0px;
   box-shadow: 0px 0px 7px 2px white;
}

#little-boxes-container {
   border: none;
   width: 100vw;
   display: flex;
   flex-flow: row wrap;
   justify-content: space-around;


}

.little-boxes {
   width: 100px;
   height: 10px;
   border: none;
   overflow: scroll;
   background-color: black;
   border-radius: 0px;
   box-shadow: 5px 7px 4px 1px aqua;
   opacity: 0.8;
   font-size: 10px;
}

#emotions-container {
   width: 100vw;

}



#bare-site {
   width: 20vw;
   margin: 0px 0px 0px 0px;
   box-shadow: 0px 0px 12px 3px white;
   position: relative;
   bottom: 600px;
   right: 600px;
}

#bare-site-chromeDev {
   width: 20vw;
   margin: 0px 0px 0px 0px;
   box-shadow: 0px 0px 12px 3px white;
   position: relative;
   bottom: 400px;
   left: 500px;
}

#vacanza-container {
   display: flex;
   flex-flow: row nowrap;
   justify-content: space-around;
   width: 100vw;
   border: 1px solid rgb(7, 7, 38);
   box-shadow: 0px 0px 8px 2px;
   margin: 40px 0px 40px 0px;
   padding: 10px 0px 10px 0px;
}

.vacanza-dia {
   width: 20%;
   border: 1px solid rgb(69, 12, 240);
   padding: 10px;
   box-shadow: 0px 0px 7px 2px rgb(229, 195, 195) inset;


}

.vacanza-title {
   color: rgb(191, 191, 245);
}

#focus-fish-words {
   font-size: 2.4em;
}

#focus-fish {
   width: 80%;
   box-shadow: 0px 0px 8px 2px;
   margin: 10px 0px 10px 0px;
}

#to-be-named {
   width: 60vw;
}

#goat-stars {
   /* border: 2px solid aqua; */
   padding: 20px;
   box-shadow: 0px 0px 7px 2px green;
}

#shy-volcano {
   width: 20vw;
}

#shy-volcano-crop {
   width: 20vw;
   border: 20px solid orange;
}

#MexicoCity {
   margin: 50px 100px;
   border: 3px solid red;
   padding: 80px;
}


#v-xxvi {
   margin: 80px;
   border: 1px solid aqua;
}

#letras {
   color: green;
}

.letra {
   color: white;
}

.letter {
   color: green;
}

/* øøøøøøøøøøøøøøøøøøøøøøøøøøøøøøøø */
/* øøøøøøøøøøøøøøøøøøøøøøøøøøøøøøøø */
/* øøøøøøøøøøøøøøøøøøøøøøøøøøøøøøøø */

#the-last-days {
   border: 2px solid green;
   display: flex;
   flex-flow: row nowrap;
   justify-content: space-around;
}

.ultimos-dias {
   border: 1px solid red;
   width: 28vw;
   height: 40vh;
   overflow: scroll;

}


#bodega-church-container {
   display: flex;
   flex-flow: column wrap;
   justify-content: space-around;
   padding: 50px;
   margin-top: 100px;
}


#v-v-mmxxv {
   border: 5px solid green;
   margin-top: 60px;
   margin-bottom: 60px;
   margin: 66px 100px;
   padding: 50px;
   box-shadow: 0px 0px 14px 3px white inset
}


.ingles-lecciones {
   width: 20vw;
}

#vi-xviii {
   position: relative;
   border: 5px solid green;
}


#girl-familys-belong-together1 {
   width: 80%;
   margin-left: 10%;
   margin-top: 8px;
   box-shadow: 0px 0px 15px 5px white;
   opacity: 0.9;
   border: 2px solid green;
}

#girl-familys-belong-together2 {
   position: absolute;
   bottom: 520px;
   right: 160px;
   box-shadow: 0px 0px 15px 5px white;
   opacity: 0.96;
   border: 2px solid green;

}

#MiraMonte {
   margin-top: 100px;
   border: 2px solid aqua;
}

#window-goals-container {
   display: flex;
   flex-flow: row wrap;
   justify-content: space-around;
   /* align-content: space-around; */
   padding: 20px;
   border: none;
   margin: 50px 40px;
   width: 100%;

}

.window-goals {
   width: 18%;
   height: 300px;
   padding: 20px;
   border: 1px solid red;
   margin-bottom: 30px;
   overflow: scroll;
}

.window-goals>p {
   border: none;
   text-align: center;
   font-family: "Iceland", serif;
   font-weight: 100;
   font-style: italic;
   font-size: 17px;

}

#title-sticky {
   position: sticky;
}


.list {
   width: 50px;
}

#skull_focus-0361 {
   width: 1200px;

}

#cdmx4-images-container {
   position: relative;
}

.fourth-images {
   border: 1px solid pink;
   object-fit: contain;

}

#cdmx4-2383 {
   border: none;
   object-fit: contain;
   width: 200px;
   height: auto;
   opacity: 0.9;
   position: relative;
   bottom: 27px;
   left: 77px;
   z-index: 2;
}

#cdmx4-3656 {
   width: 300px;
}

#cdmx4-3675 {
   width: 200px;
   position: relative;
   bottom: 17px;
   right: 50px;
   opacity: 0.85;
}



#cdmx4-plaza-hdr {
   width: 200px;
   position: absolute;
   bottom: 300px;
   left: 100px
}

#trusses {
   border: 1px solid beige;
   width: 90%;
   margin: 0px 0px 50px 0px;
}

#kelston {
   width: 100%;
   border: 1px solid pink;
   padding: 10px;
}





#antes-salida-container {
   display: flex;
   flex-flow: column wrap;
   justify-content: space-around;
   align-items: center;
   border: 2px solid rgb(57, 147, 220);
   width: 80%;
   height: 80vh;
   box-shadow: 0px 0px 20px 8px white;
   border-radius: 90px;
   margin: 60px 0px 0px 60px;
   overflow: scroll;
}


#flag {
   width: 200px;
   box-shadow: 0px 0px 12px 4px white;
}

#antes-salida-list,
#antes-salida-list li {
   border: none;
   color: white;
   padding: 3px;

}

#antes-salida-list ul {
   margin-left: 20px;
   border: none;
}




#vi-xii-mmxxv,
#vi-xii-mmxxv p {
   padding: 10px;
}

#module7-reflection {
   background-color: rgb(57, 147, 220);
   width: 50%;
   padding: 20px;
   border-radius: 10px;
   font-size: 7px;
}



#guatemala-departura-container {
   width: 100%;
   color: rgb(57, 147, 220);
   margin: 80px 40px 80px 40px;
}


#aReturn {
   border: 3px solid aqua;
   width: 100%;
   margin: 70px 0px 0px 0px;
   padding: 30px;
   box-shadow: 0px 0px 9px 3px white inset;
}

#pistols {
   border: 1px solid red;
}

#estrellas-06 {
   width: 35vw;
   margin: 20px;
   padding: 20px;
   box-shadow: 0px 0px 12px 3px white;
}

#dramatic-boulder {
   width: 50vw;
   margin: 30px;
   padding: 20px;
   box-shadow: 0px 0px 12px 3px white;
}


#estrellas-06-cropped-red {
   width: 30vw;
   margin: 30px;
   padding: 20px;
   box-shadow: 0px 0px 12px 3px white;
   position: relative;
   top: -350px;
   left: -600px;
}

#viii-xxx {
   padding: 20px;
}

#guitar-lollipop {
   position: relative;
   top: 0px;
   left: 400px;
   padding: 10px;
   background-color: black;
}


#flower-balls-trailed {
   border: 2px solid orange;
   position: relative;
   top: -80px;
   left: 800px;
}

#banjo-large {
   width: 20vw;
   border: 1px solid black;
}

#banjo-container {
   display: flex;
   flex-flow: row nowrap;
   justify-content: space-around;
   border: 1px solid aqua;

}

.banjo {
   width: 12vw;
   border: 1px solid silver;
}


#cervo-1 {
   width: 600px;
   position: absolute;
   top: 62400px;
   left: 1000px;
   border: none;
}

figcaption {
   border: none;
}



#the-pre-portfolio-container {
   display: flex;
   flex-flow: row wrap;
   justify-content: space-between;
   width: 100%;
   height: auto;
   border: 3px solid rgb(5, 17, 5);
   margin-bottom: 77px;
}

#bird-container {
   width: 40vw;
   padding: 20px;
   display: flex;
   flex-flow: column wrap;
   justify-content: space-between;
   object-fit: contain;

}


#finch-bow {
   width: 100%;
   object-fit: contain;
   position: relative;
   top: 0px;
   left: 0px;
}

#wing-bird {
   object-fit: contain;
   width: 100%;
}

#the-portfolio {

   width: 58%;

}

#flowers-overlaying {
   width: 36%;
   border: none;
   position: relative;
   top: 0px;
   left: 0px;
   opacity: 0.8;
}


#the-portfolio-container {
   display: flex;
   flex-flow: row wrap;
   justify-content: space-between;
   padding: 50px;
   font-family: 'Amatic SC';
   box-shadow: 0px 0px 4px 2px white inset;
   width: 100%;

}

#list-1 {
   padding: 20px;
   box-shadow: 0px 0px 4px 2px white inset;
   width: 30vw;
}

#list-1 ul {
   border: none
}

#list-1 li {
   /* border: 1px solid orangered; */
   padding: 10px;
   font-size: 1.3em;
   box-shadow: 0px 0px 4px 2px white inset;
   margin: 8px;
   z-index: 2;
   background-color: rgb(62, 2, 2);
   transition: transform 0.9s ease-in-out;
}

#list-1 li:hover {
   transform: scale(1.05);
}

#sad-bow-tikal {
   width: 70%;
   padding: 10px;
   border: 5px solid black;
   margin: 40px auto;
   box-shadow: 0px 0px 12px 4px white inset;

}





#end-o-september {
   margin: 40px 0px;
   padding: 40px;
   border: 1px solid aqua;
}



#surf-floater-blurred {
   border: 1 px solid black;
   padding: 10px;
   margin: 20px;
   box-shadow: 0px 0px 9px 3px white;
   object-fit: contain;
   width: 1140px;
}

#surf-1 {
   width: 1200px;
   height: auto;
   object-fit: contain;
   margin: 20px;
}

#lists-container {
   border: 10px solid darkred;
   padding: 30;
   margin: 20px;

}

.lists li {
   border: none;

}

#estrellas-valley-1 {
   margin: 20px;
   border: none;
   box-shadow: 0px 0px 8px 4px black;
   padding: 20px;
   background-color: black;
}

#surf-arc-spray {
   margin: 20px;
   border: none;
   /* box-shadow: 0px 0px 2px 1px white; */
   padding: 20px;
   background-color: black;
}

#wave-arc-6 {
   border: 1px solid beige;
   padding: 30px;
   background-color: black;
   margin-bottom: 180px;
}

#cypress-over-water-container {
   position: relative;
   width: 100%;
   margin-top: 100px;
   padding: 50px;
   margin-bottom: 300px;
  
}

#river-water-bw-background {
   position: relative;
   width: 100%;
   opacity: .8;
   box-shadow: 0px 0px 12px 6px white;
   padding: 20px;
}

#cypress-dawn-overlay {
   width: 500px;
   position: absolute;
   left: 540px;
   top: 100px;
   opacity: .95;
   padding: 30px;
   box-shadow: 0px 0px 12px 6px black;
}

#page1 {
   margin-top: 50px;
   padding: 200px;
}

#goose-flight-wings-forward {
   width: 40%;
}

#goose-three-center-soft {
   width: 80%;
}




.tower-bots {
   width: 300px;
}


#volcan-de-fuego-1 {
   width: 1000px;
   position: relative;
   top: 0px;
   left: 0px;
   

}


#lessons {
  width: 20vw;
  padding: 40px;
}

#lessons ul li {
  padding: 8px;
}

#xii-xvii {
   display: flex;
   flex-flow: row wrap;
   justify-content: space-evenly;
   /* height: 88vh; */
   padding: 40px;
   margin-top: 50px;
   border: 2px solid white;
   background-color: black;
   color: white;  
   box-shadow: 0px 0px 8px 2px white inset;

}

#xii-xvii p {
   margin: 10px;
   border: 1px solid orange;
   padding: 18px;
}

#this-is-Psci {
   border: 4px solid black;
   font-size: 15em;
   padding: 60px;
}




#angry-bird-section {
   position: relative;
   width: 80vw;
   margin: 40px 0px 0px 0px;
   padding: 30px;
   background-color: red;
   overflow: scroll;
   background-color:rgb(41, 4, 4);
   box-shadow: 0px 0px 9px 2px white inset;
   border: 8px solid black;
}

#angry-bird-container {
   /* display: flex;
   flex-flow: row wrap;
   justify-content: row wrap; */
   padding: 10px;
   margin: 40px 0px 40px 0px;
   border: 4px solid black;
   box-shadow: 0px 0px 8px 3px white;
   background-color: rgb(8, 0, 0)

}


.angry-bird {
   border: 3px solid black;
   padding: 0px;
   margin: 0px;
   box-shadow: 0px 0px 80px 42px white;
   /* position: absolute; */
}


#angry-bird-phiOro-container {
  border: 20px solid black;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  padding: 120px;
  margin: 0px 0px 30px 0px;
  background-color: black;
  box-shadow: 0px 0px 80px 42px white inset;
  
}

#purple-mountain-800 {
   width: 800px;
   padding: 20px;
   margin: 12px;
   border: 2px solid black;
}


#purple-mountain-1300 {
   width: 1300px;
   padding: 10px;
   margin: 50px 0px 0px 0px;
   border: 3px solid black;
}



.storm-day-2{
  border: 2px solid black;
  padding: 14px;
  display: block;
  max-width: 100%;
  height: auto;
  flex: 0 1 auto; 
  /* box-shadow: 0px 0px 4px 2px black;          */
}


#storm-day-day2-images-container{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;     /* (more common than align-content here) */
  gap: 24px;               /* cleaner than margins for spacing */
  padding: 50px;
  margin: 50px;
  border: 2px solid black;
  box-shadow: 0px 0px 10px 3px white inset;
  /* background-color: rgb(108, 16, 16); */
}



#purple-mountain-1600 {
   border: 2px solid black;
   padding: 20px;
}


#LA-table {
   border: 1px solid dodgerblue;
   margin: 17px;
   font-size: 1.1em;
   padding: 10px;
}

#LA-table td {
   padding: 6px;
}

#LA-table th {
   padding: 6px;
}


#xii-xxxi {
   border: 2px solid white;
   margin: 30px 0px 0px 0px;
   padding: 30px;
   /* width: 80vw; */
}

#xii-xxxi li {
   padding: 10px;
   /* border: 1px solid darkred; */
}



#micasa-color {
   border: 2px solid orange;
   width: 70vw;
   margin: 30px 0px 0px 0px;
   padding: 20px;
}