:root {
    --color-primary: #F08A5D; 
    --color-secondary: #FFCB88;
    --color-dark: #5C3B1E;
    --color-body: #E0B366; 
    --color-bg: #FDF6EC;
    --color-white: #FFFFFF;
    --color-stroke: #2A2A2A;
  }

* {
  padding: 0;
  margin: 0;  
  font-family: "Poppins", sans-serif;
}
body{
    background-color: var(--color-bg)!important;
}
.main-yakinda{
    height: 800px;
    text-align: center;
    padding-top: 100px;
}
.main-yakinda h1{
    color: var(--color-dark)!important;
    font-weight: 800;
}
.main-yakinda h1 span{
    color: var(--color-primary)!important;
}
.main-yakinda .main-logo{
    width: 250px!important;
    margin-bottom: 100px;
}
.main-yakinda .main-logo img{
    width: 100%!important;
}
.main-yakinda .main-h1{
    position: relative;
    padding: 20px;
}
.main-yakinda .main-h1 p{
    color: var(--color-body);
    font-weight: 500;
    font-size: 20px;

}
.main-yakinda .main-h1 p span{
    color: var(--color-primary);
    font-weight: 600;
}
.main-links{
    margin-bottom: 40px;
}
.main-links h2{
    margin-bottom: 25px;
    font-size: 25px;
    color: var(--color-dark)!important;
    font-weight: 700;
}
.main-links-link{
    margin: auto;
    margin-bottom: 10px!important;
    background-color: var(--color-secondary);
    border-radius: 15px;
    width: 50%;
    padding: 20px;
    color: var(--color-dark);
    font-weight: 600;
    transition: 0.5s;
    cursor: pointer;
}
.main-links-link p{
    margin-bottom: 0!important;
}
.main-links-link:hover{
    background-color: var(--color-primary);
    color: var(--color-dark);
}

@media (max-width: 749px) {
    .main-links-link{
        width: 90%;
    }
}
@media (min-width: 750px) and (max-width: 1200px){
    .main-links-link{
        width: 60%;
    }
}

.copyright{
    color: #5C3B1E;
    padding-bottom: 20px;
}