body{

  
background-image: url(https://duckinthewild.neocities.org/website%20decorations/Untitled_Artwork5-ezgif.com-gif-maker.gif);
background-attachment: fixed;
z-index: -1;
background-repeat: no-repeat;
background-size:cover;

background-position: right top;
background-color: #6A9457



}



#artpage{
display: absolute;
position: fixed;
object-fit: contain;
height: 200px;
}

.images{



}

#artpage{

display:flex;
position: absolute;
height: 400px;
margin-top: -40%;
margin-left: 60%;
margin-right: 30%;

}

#fishpage {

display:flex;
position: absolute;
height: 250px;
margin-top: -27%;
margin-left: 10%;
margin-right: 60%;



}

header{


  text-align: center;

 color:rgb(231, 231, 238);


}


.friendbox{

  position:relative;

  background-color: rgb(71, 117, 75);

  position: absolute;

  top: 120%;
  margin-left: 5px;
  height: 40%;
  

 


}

.blinkies {

 margin-left: 30%;

}

.box1{

  font-size: 12pt;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  color: whitesmoke;
text-align: center;
  background-color: rgb(71, 117, 75);
 padding: 5px;
  margin-top: 60%;
  margin-right: 10%;;
  margin-left: 10%;
  border-width:8px; 
 border-style: solid;
  border-color: antiquewhite;;



}




.box2{

  
  

  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  color: whitesmoke;

  
  background-color: rgb(71, 117, 75);
  border-color: antiquewhite;
  border-style:double;
  border-width: 12px;

  font-size: 20px;
  contain: layout;

  float: left;
  margin-top: 10%;
  margin-right: 30%;

  height: 900px;
  width: 600px;
 overflow: scroll;

}

#blab{

 border: 10px;
 border-color: antiquewhite;
font-size: 16px;
margin-left: 80px;
text-align:start;


}

#duck1{
margin-right: 200px;
  height: 80%;
  border-width: 30px;
 
  
}

#brunslake{

  height:200px;
  display: flex;
  position: absolute;
  margin-top:-60%;
  margin-left: 50%;
}
.box3{
  display: grid;
  position: relative;
margin-left: 34%;
margin-right: 68.5%;
margin-top: -11%;
padding: 10px;
 background-color: rgb(28, 97, 74);
 float: right;
 object-fit: contain;

 text-align: left;
 font-size: 10pt;
 font-family: Arial, Helvetica, sans-serif;
 color: antiquewhite;
 border-width: 12px;
}



.box4{
font-display: block;
  position: absolute;
background-color: #6A9457;
height: 300px;
width: 500px;
margin-left: 60%;
margin-top: 10%;
padding-left: 40px;
border-width: 12px;
border-color: antiquewhite;
border-style: double;
color:antiquewhite;

}

.blinkiefriends{

  height: 200px;
  width: 560px;
  position:absolute;
  margin-top: 20%;
  margin-left: -10%;
  background-color: #6A9457;
text-align-last: center;  


}
.box5{

  font-display: block;
  position: absolute;
background-color: #6A9457;
height: 300px;
width: 500px;
margin-left: -10%;
margin-top: 20%;
padding-left: 40px;

color:antiquewhite;

border-width: 12px;
border-color: antiquewhite;
border-style: double;
}


.cutieduckie{

  margin: 40px;
}