* {
   box-sizing: border-box;
   border-radius: 4px;
   padding: none;
   margin: none;
}

body {
   /* border: 2px solid red; */
   background-color: black;
   color: rgb(253, 239, 213);
   display: flex;
   flex-flow: column wrap;
   /*  align-items: center; */
}

p {
   margin: 0px;
   padding: 0px;
}

header {
   position: fixed;
   padding-top: 20px;
   z-index: 99;
}

.title {
   color: orangered;
   text-align: right;
   padding-right: 100px;
   font-family: 'Amatic SC';
   font-size: 5.5em;
   font-weight: normal;
   margin-top: 0px;
   margin-bottom: 30px;
}


nav {
   border: 1px solid orangered;
   display: flex;
   flex-flow: row nowrap;
   justify-content: space-around;

}

nav a,
button {
   color: rgb(253, 239, 213);
   background-color: rgb(0, 0, 0);
   border: 1px solid rgb(253, 239, 213);
   padding: 8px;
   border-radius: 6px;

}

nav a:hover,
.active {
   color: orange;
   scale: 1.1;
}




/*  Forecast */
.forecast {
   height: 20px;
}

.ww_box,
.ww_col1,
.ww_col2,
.resize_sensor {
   font-family: "";
}

.temp,
.day {
   height: 16px;
}

.day2 {
   height: 30px;
}

.svg-wrapper .narrow #ww_e92de088cd7 {
   border: 2px solid aqua;
   border-radius: 4px;
   opacity: .8;
   box-shadow: 0px 0px 8px 1px white;
}

/* ************************** */



/* #main_container {
   display: flex;
   flex-flow: row wrap;
   justify-content: space-around;
   /*  border: 3px solid pink;
} */

.title {
   margin-bottom: 40px;
}


/* ******** Stats ****************** */
#stats_container {
   display: flex;
   flex-flow: row wrap;
   justify-content: space-around;
   align-items: baseline;
   color: white;
   font-size: 1.1em;
   border: 1px solid aqua;
   padding: 5px 0px 12px 5px;
   width: 97%;
   margin: 30px 1.5% 46px 1.5%;

}

.stats {
   color: white;
   border-left: 2px double orangered;
   padding-left: 10px;
}


/* ******** Days ****************** */
#giorni_container {
   border: 1px solid aqua;
   display: flex;
   flex-flow: row nowrap;
   justify-content: space-between;
   min-height: 100px;
   width: 94vw;
   margin-bottom: 60px;
}

.giorno {
   border: 1px solid aqua;
   width: 50%;
   padding: 10px;
   box-shadow: 0px 0px 10px 3px white;
   border-radius: 4px;
}

.giorno_titolo {
   text-align: center;
   font-family: 'Amatic SC';
   color: orange;
   box-shadow: 0px 0px 10px 3px white;
   border-radius: 4px;

}

/* ************************** */


/* ********* Calendar***************** */
/* #calendar {
   display: flex;
   flex-flow: row wrap;
   width: 90%;
   justify-content: space-around;
   margin-bottom: 46px;
}

#calendar_header {
   border: 1px solid red;
   height: auto;

}

.week {
   display: flex;
   flex-flow: row wrap;
   width: 100%;
   justify-content: space-around;
   border: 1px solid orange;
}

.day_name {
   width: 14.2%;
   border: 1px solid aqua;
   padding: 7px;
}

.day_calender {
   border: 1px solid aqua;
   width: 14.2%;
   height: 120px;
   padding: 7px;
}

.current_day {
   color: orange;
   font-size: 1.4em;
   background-image: url('itty_cradle.jpg');
} */



/* ************************** */





img {
   border: 1px solid aqua;
   box-shadow: 0px 0px 15px 2px white;
   border-radius: 6px;
   width: 80%;
   height: auto;
}

object {
   border: 2px solid aqua;
   border-radius: 6px;
   box-shadow: 0px 0px 20px 6px white;
   margin: 40px;
   height: 100px;
}

.pdf_letter {
   width: 80vw;
   height: 90vh;
   border: 2px solid red;
   border-radius: 6px;
   box-shadow: 0px 0px 15px 4px white;
}


.sk_model {
   margin-bottom: 40px;
   padding: 10px;
   width: 90vw;
   height: 60vw;
   box-shadow: 0 0 12px 3px;
   border: 2px solid aqua;
   width: 100%;
   height: 90vh;

}

.sk_model:hover {
   scale: 1.06;
   transition: 0.9s;
}



/* ¬¬¬˚∆∆˙©©ƒ∂ßåœ∑´®®†††¥¥   */
/* ¬¬¬˚∆∆˙©©ƒ∂ßåœ∑´®®†††¥¥   */
/* ¬¬¬˚∆∆˙©©ƒ∂ßåœ∑´®®†††¥¥   */
/* ¬¬¬˚∆∆˙©©ƒ∂ßåœ∑´®®†††¥¥   */
/* ¬¬¬˚∆∆˙©©ƒ∂ßåœ∑´®®†††¥¥   */
/* ¬¬¬˚∆∆˙©©ƒ∂ßåœ∑´®®†††¥¥   */
/* ¬¬¬˚∆∆˙©©ƒ∂ßåœ∑´®®†††¥¥   */
/* ¬¬¬˚∆∆˙©©ƒ∂ßåœ∑´®®†††¥¥   */
#pajaro {
   margin-top: 0px;
   /* margin-bottom: 10px; */

}

#models-container {
   display: flex;
   flex-flow: column nowrap;
   justify-content: center;
   align-items: center;
}

#vray {
   width: 86vw;
   margin: 0px 0px 80px 0px;
   padding: 10px;
}

#first-second-framing {
   width: 80vw;

}

#full_model_container {
   margin: auto;
   width: 80vw;
   border: 1px solid aqua;
   padding: 10px;
   margin-bottom: 36px;
}

#full_model {
   box-shadow: 0 0 12px 3px;
   border: 2px solid aqua;
   width: 80vw;

}

#first-framing-dimensions {
   width: 80vw;
   margin-bottom: 50px;
}

/* #model_header {
   font-size: 3em;
   margin-bottom: 10px;
   text-align: center;
} */

#elevations_img {
   width: 80vw;
   border: 4px solid aqua;
   box-shadow: 0 0 12px 3px;
   padding: 10px;
   margin-bottom: 50px;
}


/* ¬¬¬˚∆∆˙©©ƒ∂ßåœ∑´®®†††¥¥   */
/* ¬¬¬˚∆∆˙©©ƒ∂ßåœ∑´®®†††¥¥   */
/* ¬¬¬˚∆∆˙©©ƒ∂ßåœ∑´®®†††¥¥   */
/* ¬¬¬˚∆∆˙©©ƒ∂ßåœ∑´®®†††¥¥   */
/* ¬¬¬˚∆∆˙©©ƒ∂ßåœ∑´®®†††¥¥   */
/* ¬¬¬˚∆∆˙©©ƒ∂ßåœ∑´®®†††¥¥   */
/* ¬¬¬˚∆∆˙©©ƒ∂ßåœ∑´®®†††¥¥   */
/* ¬¬¬˚∆∆˙©©ƒ∂ßåœ∑´®®†††¥¥   */




/* #first_list {
   display: flex;
   flex-flow: row wrap;
   justify-content: space-around;
   margin-bottom: 60px;
   width: 100vw;
   height: auto;
   opacity: 0.6;
} */



/* #list {
   width: 36vw;
   margin-bottom: 40px;
} */

/* #framing_tools {
   width: 36vw;
   height: auto;
   object-fit: contain;
   box-shadow: none;
   border: 1px solid aqua;
   box-shadow: 0px 0px 15px 4px white;
   padding: 10px;
} */

/* #hd_cart {
   width: 40vw;
   height: auto;

} */

/* #card_container {
   display: flex;
   flex-flow: column nowrap;
   justify-content: space-around;
   margin-bottom: 40px;
} */


/* .card {
   width: 40vw;
   height: auto;
   margin-bottom: 20px;
   border: 1px solid aqua;
   box-shadow: 0px 0px 15px 2px white;
   border-radius: 6px;
} */

a {
   scale: 1;
   transition: .3s;
}

a:hover {
   scale: 1.05;
}

.pages {
   width: 1600px;
   margin: auto;
   border: 2px solid aqua;
   box-shadow: 0 0 14px 4px;
   padding: 10px;
}



.tips {
   width: 100px;
   border: 2px solid orangered;

}

.modal_2 {
   display: none;
   /* Hidden by default */
   position: fixed;
   /* Stay in place */
   z-index: 1;
   /* Sit on top */
   padding: 100px;
   /* Location of the box */
   left: 0;
   top: 0;
   width: 20%;
   /* Full width */
   height: 40%;
   /* Full height */
   overflow: auto;
   /* Enable scroll if needed */
   background-color: rgb(0, 0, 0);
   /* Fallback color */
   background-color: rgba(0, 0, 0, 0.7);
   /* Black w/ opacity */

   box-shadow: 0px 0px 10px 3px white;
}

.modal-content_2 {
   color: white;
   display: block;
   width: 1010px;
   z-index: 2;
   margin-left: auto;
   margin-right: auto;
   animation-name: zoom;
   animation-duration: 0.2s;

}