@font-face {
    font-family: coccina;
    src: url(fonts/Coccina.ttf);
}
@font-face {
    font-family:oldport;
    src: url(fonts/Oldport\ Script.ttf);
}
@media screen and (min-width: 500px) {
  body {
    background-color: black;
  }
}

.container{ 
    display: flex;
    gap: 5px;
    align-items: center;
    background-color: #eab05b;
}

.container img{ 
    max-width: 700px;
    height: auto;
    margin-top: 0;
    object-fit:fill;
}

.title1{ 
    font-family: "oldport";
    font-size: 182pt;
    margin-top: 0;
    padding-right: 50px;
}

.title2{ 
    font-family: "oldport";
    font-size: 140pt;
    padding-left: 200px;
}

.button-container{ 
    display: flex;
    flex: 1;
    padding: 10px 24px;
    gap: 18px;
    font-family:"coccina";
    font-size: 10pt;
    background-color:#eab05b;
    color: black;
    border: black;
    align-items: center;
}
.home{
    font-family: "coccina";
    font-size: 28pt;
    border-radius: 15px;
}
.amI{ 
    font-family: "coccina";
    font-size: 28pt;
    border-radius: 15px;
}

.do{
    font-family: "coccina";
    font-size: 28pt;
    border-radius: 15px;
}
.dreams{ 
    font-family: "coccina";
    font-size: 28pt;
    border-radius: 15px;
}
.gallery{
    font-family: "coccina";
    font-size: 28pt;
    border-radius: 15px;
}
.recipes{
    font-family: "coccina";
    font-size: 28pt;
    border-radius: 15px;
}
.resume{
    font-family: "coccina";
    font-size: 28pt;
    border-radius: 15px;
}
.buttons{ 
    background-color: #d85327;
}

.container2 img{
    max-width: 700px;
    height: auto;
    margin-top: 0;
    object-fit:fill;
}

.i{
    background-color: #b6cfb9;
}

.who{
    font-family: "coccina";
    font-size: 24pt;
    margin: 5px 2px 2px 5px;
}

.container2{
    display: flex;
    gap: 5px;
    align-items:center;
    background-color:#b6cfb9;
}
.content2{
    align-items: center;
}
.am{
    font-family:"oldport";
    color:#d85327;
    font-size: 68pt;
    padding-left: 100px;
}

.container3{
    background-color: black;
    display: flex;
    justify-content: space-around;
}

.column{
    flex: 33.33%;
    padding: 2%;
}

.column img{ 
    width: 100%;
    height:auto;
}

.container4{
    background-color:#b6cfb9;
}

.what{
    font-family: "oldport";
    font-size: 68pt;
    color:#d85327;
    padding-top: 15px;
    text-align: center;
}

.what-content{
    font-family: "coccina";
    font-size: 24pt;
}

.dream{ 
    background-color:#eab05b;
}

.dreamer{ 
    font-family: "coccina";
    font-size: 24pt;
    margin: 5px 2px 2px 5px;
}

.D{
    font-family:"oldport";
    font-size: 68pt;
    padding-left: 100px;
}

.container5{
    display:flex;
    gap: 5px;
    align-items: center;
    background-color:#eab05b;
}

.content5{ 
    align-items: center;
}

.container5 img{
    max-width: 700px;
    height: auto;
    margin-top: 0;
    object-fit:fill;
}