@import url('https://fonts.googleapis.com/css2?family=Jacquard+12+Charted&display=swap');

body{
        background-image:url("img/bear.jpg");
background-size: cover;   
     background-attachment: fixed;



}
h1{
    font-size: 50px;
    background-color: red;
    width: 50%;
    color: #adff2f;

  font-family: "Felipa", serif;
  font-weight: 400;
  font-style: normal; 
}

#section-1-container{
background-color: rgba(50, 40, 200, 0.3);
 margin: 50px;
display: flex;
padding: 50px;
row-gap: 15px;
column-gap: 20px;
}

#section-2-container{
background-color: rgba(50, 40, 200, 0.3);
margin-left: 30px;
row-gap: 15px;
column-gap: 20px;
overflow: scroll;
}

#dolphin{
  height: 150px;
  margin-top: 24px;
}
h2{
     font-family: "Caramel", cursive;
  font-weight: 400;
  font-style: normal;
  background-color: darkred;
}

.body-copy{

    background-color: white;
    opacity: 0.5;
    /* FONT STYLING FOR BODY HERE !!!!!! */
 font-family: serif;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  text-align: center;
justif
}


.body-copy-2{

    background-color: white;
    opacity: 0.5;
    /* FONT STYLING FOR BODY HERE !!!!!! */
 font-family: serif;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  text-align: center;

  width: 50%;
}

.white-shadow{
text-shadow: 30px 30px 10px white;
}


/* /// BEAR PAGE/// */

@media (max-width: 900px) {

    #section-1-container {
flex-wrap: wrap;
}
}


#guestbook {
    width:300px;
    height:400px;
    border:3px dotted black;
   
}

input {
    background-color: blue;
}

.details{
        margin: 0px 0px 2px 0px;
    padding: 3px 5px 5px 5px;
    font-size: 11px;
    color: #ff8181;
}