.makete h1 {
    font-family: "Satisfy", cursive;
    font-weight: 400;
    font-style: normal;
    font-size: 5.5rem;
    color: #fdad54;
    text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 3px;
    text-align: center;
    -webkit-text-stroke: 0.01rem #fff;
}
.makete {
    margin-bottom: 5rem;
    
}
.maket p {
    margin-bottom: 3rem;
    font-family: "Barlow Condensed", sans-serif;
    font-size: 1.3rem;
    line-height: 1.4;
    font-weight: 400;
}
.maket h2 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: start;
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 2.5rem;
    text-transform: uppercase;
    color: #70a7f3;
    text-shadow: -0.125rem -0.125rem 0 #ffffff, 
    0.0625rem 0.0625rem 0 #cccccc, 
    -0.325rem -0.125rem 0.5rem #90b7f2af, 
    -0.25rem -0.25rem 0.7rem #fff, 
    0.5rem 0.5rem 1rem rgb(0 0 0 / 0.3);
    text-align: start;
    margin-bottom: 3rem;
}
.maket {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.maket a {
    text-decoration: none;
}
.pages {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 5rem;
}
.page {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: start;
    gap: 1.5rem;
}
.page img {
    box-shadow: rgba(0, 0, 0, 0.4) 6px 6px 12px;
}
.page:hover img {
	transition: 0.5s;
    transform: scale(1.8);
    -webkit-transform: scale(1.8);
    -ms-transform: scale(1.8);
}
@media (max-width: 1200px) {
    .pages {
        flex-direction: column;
    }
}