body {
    background-color: rgb(245, 192, 196);
  }

.title{
    
    text-align: center;
}

.desc{
    text-align: center;
}
.buttons{
  width:50%;
  text-align: center;
}
.buttonControl{
    display: flex;
    justify-content: center;
}

.button1{
    border-radius: 10px;
    width: 100%;
    padding: 14px 40px;
    border: none;
    padding: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: rgb(255, 245, 245);
}


.button1:hover,
.button1:focus {
  background-color: #F082AC;
}


img{
    max-width: 30%;
    max-height: auto;
    border:4px solid #ffe8f1
}

.img{
    display: flex;
    justify-content: center;

}
h1{
    font-family: Mirage;
}
h2{
    font-family: Lato;
}
h3{
    font-family: Lato;
}
p{
    font-family: Lato;
}
li{
    font-family: Lato;
}
.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
  }

@font-face{
    font-family: Lora;
    src: url(Lora-VariableFont_wght.ttf);
}
@font-face{
    font-family: Lato;
    src: url(Lato-Regular.ttf);
}
@font-face{
    font-family: Mirage;
    src: url(MADE\ Mirage\ Bold\ PERSONAL\ USE.otf);
}