/* 
COLOR PALLET
     dark blue color:#00374b;
     turquise color: #006687;
     coral color: #e49576;
     burnt orange color: #ce5423;
     maroon color: #6e262a; 

 */
*{
    box-sizing:border-box;
}

.fixed-title {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.644); /* or any background to make it readable */
  padding: 30px 30px;
  font-family: 'Times New Roman', Times, serif;
  font-weight: 300;
  font-size: 50px;
  color: #00374b;
  letter-spacing: 2px;
  z-index: 1000; /* make sure it stays on top */
  box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* optional subtle shadow */
}

@keyframes float {
    0% {
    left: 100vw; /* start offscreen right */
  }
  100% {
    left: -300px; /* end offscreen left (adjust for image width) */
  }
}

.resized-img 
{
width: 800px;           
height: 800px;         
object-fit: cover;     
border-radius: 50%;        
  opacity:35%; 
  position:fixed;
  top: 30px;
   transform: translate(100px, 0); /* start position */
  animation:float 15s linear infinite;
  z-index:-1;

}



.page_one{
  background-image: linear-gradient(rgba(251, 221, 156, 0.395), rgba(252, 236, 218, 0.6)), url('background_texture.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
    background-color: #00658752;
    padding: 20px;
    display:flex;

    margin-bottom:100px;
    min-width:900px;
    flex-direction:column;
    position:relative;
    align-content:center;
    overflow:hidden;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);


}

.page_two{
 background-image: linear-gradient(rgba(251, 221, 156, 0.395), rgba(252, 236, 218, 0.6)), url('background_texture.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
    background-color: #00658752;
    padding: 10px;
    display:flex;

    margin-bottom:100px;
    min-width:900px;
    flex-direction:column;
    position:relative;
    align-content:center;
    overflow:hidden;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);

}

.page_three{
 background-image: linear-gradient(rgba(251, 221, 156, 0.395), rgba(252, 236, 218, 0.6)), url('background_texture.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
    background-color: #00658752;
    padding: 10px;
    display:flex;

    margin-bottom:100px;
    min-width:900px;
    flex-direction:column;
    position:relative;
    align-content:center;
    overflow:hidden;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);

}

.page_four{
 background-image: linear-gradient(rgba(251, 221, 156, 0.395), rgba(252, 236, 218, 0.6)), url('background_texture.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
    background-color: #00658752;
    padding: 10px;
    display:flex;

    margin-bottom:100px;
    min-width:900px;
    flex-direction:column;
    position:relative;
    align-content:center;
    overflow:hidden;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);

}


img {
    max-width:100%
}

a{
       font-family:"ink-free",sans-serif;
       text-decoration: none;
       color:#9f3c15;
        letter-spacing: 2px;
}


h2{
   color:#00374b;
     font-family:'Courier New', Courier, monospace;
     font-weight:300;
     text-align: left;
     margin-left:50px;
      letter-spacing: 2px;
    
}

body{
    overflow-x:hidden;
    background-image:  linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)),url(reflection.jpg);
  padding: 300px;
  margin:20px;

  background-position: center;
  background-size:cover;
  background-repeat: no-repeat;
 
  

}

p {
    font-size: 20px;
  font-family:"ink-free",sans-serif;
     font-weight:300;
    color:#00374b; 
    margin-left:75px;
     letter-spacing: 2px;
}

li {
    font-size: 20px;
  font-family:"ink-free",sans-serif;
     font-weight:300;
     font-size: 25px;
    color:#00374b;
    margin-left:100px;
    padding:10px;
}

h1 {
   font-family:'Courier New', Courier, monospace;
    Color:#00374b;
     background-color: rgba(255, 235, 211, 0.284);
    font-weight:300;
    text-align: left;
    font-size: 35px;
     letter-spacing: 2px;

    
}