body {
 background-color: #809BCE;
 font-family: Georgia, 'Times New Roman', Times, serif; font-size: 17px;
 width: clamp(320px, 100%, 1200px);
 margin: 0 auto;
}

h1 { color: #002f4f; font-family: 'Courier New', Courier, monospace; font-weight: 900; font-style: italic; text-align: center; font-size: clamp(1.5rem, 6vw, 4rem) }
h2 { color: #002f4f; font-family: 'Courier New', Courier, monospace; font-weight: 900; font-style: italic; text-align: justify; font-size: clamp(1.25rem, 4vw, 2.5rem) }
nav{ text-align:center } 
normal-text { color: #003559; font-family: 'Courier New', Courier, monospace; font-weight: 900; font-style: italic; text-align: justify; font-size: clamp(1rem, 2vw, 1.5rem) }

nav a {
 display: inline-block;
 padding: 10px 18px;
 margin: 4px;
 background-color: #E4C9B0;
 color: #003559;
 text-decoration: none;
 border-radius: 15px;
 font-weight: bold;
 border: 2px solid #003559;
 transition: all 0.2s ease;
}

nav a:hover {
 background-color: #003559;
 color: #E4C9B0;
}

.about-box{ float:left;color: #003559; background-color: #E4C9B0; width: clamp(310px, 60vw, 750px); height: 30vh; max-height: 300px ; border: 3px solid #003559; border-radius: 30px; padding: 10px; margin: 10px; }

.permission-box { float: left; color: #003559; background-color: #E4C9B0; width: clamp(310px, 65vw, 750px); height: 60vh; max-height: 630px ;; border: 3px solid #003559; border-radius: 30px; padding: 10px; margin: 10px; }

.whospurli-box {float: right; color: #003559; background-color: #E4C9B0; width: clamp(180px, 60vw, 750px); height: 30vh; max-height: 300px; border: 3px solid #003559; border-radius: 30px; padding: 10px; margin: 10px; }

.hobbies { float:inline-start; color:#003559; background-color: #E4C9B0; width: clamp(310px, 60vw, 750px); height: 22vh; max-height: 250px; border: 3px solid #003559; border-radius: 30px; padding: 10px; margin: 10px; }

.projects { float:right; color: #003559; background-color: #E4C9B0; width: clamp(310px, 60vw, 750px); height: 24vh; max-height: 400px; border: 3px solid #003559; border-radius: 30px; padding: 10px; margin: 10px; }

.contact { float:right; color: #003559; background-color: #E4C9B0; width:  clamp(310px, 60vw, 750px); height: 20vh; max-height: 300px; border: 3px solid #003559; border-radius: 30px; padding: 10px; margin: 10px;  }

.gifbeyonce { float: left; border-radius: 30px; padding: 10px; width: clamp(70px, 24vw, 260px); margin: 10px; }

.favourites { float:inline-start; color:#003559; background-color: #E4C9B0; width: clamp(310px, 60vw, 750px); height: 26vh; max-height: 300px; border: 3px solid #003559; border-radius: 30px; padding: 10px; margin: 10px; }

.BlueIvy { float: right; margin: 10px; border-radius: 30px; padding: 10px; width: clamp(50px, 30vw, 210px);}

.GeorgeT { float:left; width: clamp(64px, 30vw, 353px); margin: 1px; border-radius: 30px; padding: 10px; }.Beysilhouette { float:left; width: clamp(129px, 35vw, 433px); border-radius: 30px; padding: 10px;  margin: 1px;}

.Kimi { float: right; width: clamp(64px, 30vw, 353px); margin: 1px; border-radius: 30px; padding: 10px; }

.EnderPearl { float: right; width: clamp(64px, 30vw, 353px); border-radius: 30px; padding: 10px; margin: 10px}

.beach { margin: 10px; border-radius: 30px; padding: 10px; width: clamp(310px, 96vw, 1200px); height: 45vh; max-height: 400px }

.endofwebsite  { float:left; color: #003559; background-color: #E4C9B0; width: clamp(310px, 70vw, 800px); border: 3px solid #003559; border-radius: 30px; padding: 10px; margin: 10px;   }

.byeee  { float:right; border-radius: 30px; padding: 10px; margin: 10px; width: clamp(310px, 60vw, 750px) }

.nyc { border-radius: 30px; padding: 10px; width: clamp(100px, 29vw, 343px) }

.cali { border-radius: 30px; padding: 10px; width: clamp(100px, 29vw, 343px) }

.surfboards { float: left; border-radius: 30px; padding: 10px; margin: 10px;  width: clamp(64px, 30vw, 353px) }

.beyhi { float: right; border-radius: 30px; padding: 10px; margin: 10px; width: clamp(130px, 22vw, 350px) }

.bluewhiteshirt { float: left; border-radius: 30px; padding: 10px; margin: 10px; width: clamp(200px, 25vw, 350px) }

.quotes-box { float:left; color: #003559; background-color: #f2bae1; width: clamp(310px, 60vw, 750px); border: 3px solid #003559; border-radius: 30px; padding: 10px; margin: 10px; height: 35vh; max-height: 400px; }

.image-stack2 { width: clamp(100px, 30vw, 350px); float: right; margin: 5px; }

.beach2 { float: left; border-radius: 30px; padding: 10px; margin: 10px;  width: clamp(64px, 29vw, 343px) }