body {
  margin: 0;
  padding: 0;
}

p {
  margin: 0;
  padding: 0;
}

.div-1 {
  position: relative;
  width: 1440px;
  height: 600px;
  background-image: linear-gradient(to right, blue, pink);
}

.div-2 {
  position: relative; 
  width: 1440px;
  height: 600px;
  background-color: #AD170C;
  overflow: hidden;

}

.overlay-div1 {
  width: 450px;
  height: 6000px;
  position: absolute;
  background-color: #197DB3;
  z-index: 0;
  

}

.overlay-div2{
  width: 750px;
  height: 400px;
  position: absolute;
  background-color: #D73F03;
  top: 100px;
  left: 30px;
}
  

.div-3 {
  position: relative; 
  width: 1440px;
  height: 600px;
  background-color: #4BBBB9;
}


.font1{
  font-size: 50px;
  font-family: 'Roca', Regular; 
  padding: 50px;
  color: white;

}

.font2{
  font-size: 50px;
  font-family: 'Amandine', Regular; 
  position: absolute;
  bottom: 50px; 
  right: 50px; 
  color: #9F158C;

}

@font-face {
  font-family: 'regimenregular';
  src: url("fonts/regimen-regular-webfont.woff2") format('woff2'),
       url("fonts/regimen-regular-webfont.woff") format('woff');
  font-weight: normal;
  font-style: normal;

}

/*Tellie Fackelman - Spring 2025*/

.font3-regular {
  font-size: 350px;
  font-family: 'regimenregular';
  text-align: left;
  color: white;
  padding: 5px;
  position: relative;
}

/*Tellie Fackelman - Spring 2025*/
.font3-small {
  font-size: 128px;
  font-family: 'regimenregular';
  position: relative;
  bottom: 120px; 
  left: 40px; 
  color: white;
}

.font4{
  font-size: 45px;
  font-family: "Mate SC", serif;
  font-style: normal;
  position: absolute;
  bottom: 100px; 
  right: 70px;
  color: white;
}

.font5{
  font-family: "alasassy-caps", sans-serif;
  font-size: 50px;
  font-style: normal;
  position: absolute;
  position: absolute; 
  left: 70px;
  top:200px;
  color: white;
}

.font6 {
  font-family: "flamenco", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 50px;
  position: absolute;
  bottom: 200px;
  left:900px;
  
}