* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;

        * {
            margin: 0;
            padding: 0;
        }
        .imgbox {
            display: grid;
            height: 100%;
        }
        .center-fit {
            max-width: 100%;
            max-height: 100vh;
            margin: auto;
        }

  }

body{
    text-align: center;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    font-size: large;
    padding: auto;
    padding-top: 5px;
    padding-bottom: 5px;
background-color: #FFFBE6;
}
h1, p {
    background-color: rgb(151, 198, 171); 
    line-height: 1.7;
  }
  h1 {
    padding: 50px;
    border: 3px dotted #1a5319;
    margin: 20px;
    border-radius: 5px;
    margin-top: 53px;
    font-family: "Rowdies", sans-serif;
    font-weight: 200;
}
h2{
  font-family: "Rowdies", sans-serif;
  font-weight: 75;
}
.info {
  padding: 100 px;
  text-align: center;
  margin: 20px auto;
  border-radius: 4px;
}
a{
  color: rgb(1, 21, 3);
  text-decoration: none;
  font-weight: 500;
}
a:hover{
  color: #FFFBE6;
}
hr{
  height: 5px;
  border-color: #1a5319;
  border-top-width: 3px;
}
#navbar {
  position: fixed;
  display: inline;
  padding: 8px;
  top: 0px;
  left:0px;
      width: 100%;
      background-color: rgb(151, 198, 171);
      font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    }
ul, ol{
  text-align: left;
  line-height: 1.7;
}
nav li{
  display: inline;
  margin-right: 20px;
}
.heart {
  margin: 30px 30px 30px 30px;
  background-color:rgb(151, 198, 171);
  height: 50px;
  width: 50px;
  transform:rotate(-45deg) ;
}
.heart::after {
  background-color: rgb(151, 198, 171);
  content: "";
  border-radius: 50%;
  position: absolute;
  width: 50px;
  height: 50px;
  top: 0px;
  left: 25px;
}
.heart::before {
  content: "";
  background-color: rgb(151, 198, 171);
  border-radius: 50%;
  position: absolute;
  width: 50px;
  height: 50px;
  top: -25px;
  left: 0px;
}

.align {
  list-style-position: inside;
}