:root{
    --primary-color : #0F2958;
    --secondary-color : #D2A767;
    --on-primary-color : #ffffff;
}

@font-face {
    font-family: iransans;
    src: url("../fonts/iransans/iran-sans-500.ttf") format('ttf'),
    url("../fonts/iransans/iran-sans-500.woff") format('woff'),
    url("../fonts/iransans/iran-sans-500.woff2") format('woff2');
}


a{
    text-decoration: none;
}




body{
    font-family: iransans,sans-serif;
    margin: 0;
    background: var(--primary-color);

}

main{
    width: 100vw;
    height: 100vh;
    background: url("../media/images/bg-pattern.png");
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 10px;
}


.frame{
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(../media/images/cover-frame.png);
    width: 90%;
    height: 60%;
    background-repeat: no-repeat;
    flex-direction: column;
    background-size: contain;
    background-position: center;
    gap: 14px;
}

.heading{
    font-size: 40px;
    color: var(--on-primary-color);
}

.title{
    font-size: 30px;
}

.button{
    background: #112959;
    padding: 10px 45px;
    border-radius: 10px;
    color: var(--on-primary-color);
    border-left: 4px var(--secondary-color) solid;
    border-right: 4px var(--secondary-color) solid;
    font-size: 14px;
}