@import url('https://fonts.googleapis.com/css2?family=Bitcount+Grid+Double:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bitcount+Grid+Double:wght@100..900&family=Monsieur+La+Doulaise&display=swap');

body {
  color: white;
  background-image: url("Wooden_Wall_Texture.webp");
}

h1{
  text-align:center;
  font-family: "Monsieur La Doulaise", cursive;
  font-weight: 900;
  font-style: normal;
  font-size:50px;
  color:#FFD700;
}

h2{
  color: magenta;
  font-family: "Bitcount Grid Double", system-ui;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "slnt" 0,
    "CRSV" 0.5,
    "ELSH" 0,
    "ELXP" 0;
}
.row {
    display:flex;
  }
  
.image_1{
  margin-left:170px;
}
.image_2{
  margin-left: 200px;
}
.image_3{
  margin-left:200px;
}

.container{
  margin-top: 40px;
  .image-text{
    width:22%;
    float: left;
    text-align: center;
    margin:0 1.5%;
    }
}
.border-style-one {
  border: 3px dotted green; /* 1px dotted green border */
  border-radius: 5px; /* Rounded corners */
  padding: 2px;
  margin: 3px;
}
.border-style-two {
  border: 3px dotted red; /* 1px dotted green border */
  border-radius: 5px; /* Rounded corners */
        padding: 2px;
        margin: 3px;
}
.border-style-three {
  border: 3px dotted blue; /* 1px dotted green border */
  border-radius: 5px; /* Rounded corners */
  padding: 2px;
  margin: 3px;
}
.border-style-four {
  border: 3px dotted orange; /* 1px dotted green border */
  border-radius: 5px; /* Rounded corners */
  padding: 2px;
  margin: 3px;
}