body {
  background-color: #defcf9;
}

#title-box {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  
  width: 100%;
  height: 15ch;
  padding-top: 2vh;
  font-size: 2vh;
  font-family:"Roboto",;
  text-align: center;
  color: #00fff6;
  text-shadow: 2px 2px rgb(0,0,0);
  
   background: url("https://projects.codecraftworks.com/web/FanwFE94g1Y1UD8NDAeE/assets/Screenshot 2023-02-06 3.06.29 PM.png");
    background-position: center;
  background-repeat: repeat;
  background-position:center;
  overflow: hidden
}
#title-box:hover{
  color: #0d0675;
}

#content {
}

#page {
  margin: ;
}


.project{
  background-image url("https://projects.codecraftworks.com/web/FanwFE94g1Y1UD8NDAeE/assets/Screenshot 2023-02-06 3.06.29 PM.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #ffb483;
  margin-bottom: 5vh;
  padding: 3vh 3vw;
  padding-top: 5vw;

}
 .project img {
   max-width: 80%;
   border-radius: 2%;
}