@font-face {
    font-family: regular;
    src: url(../fonts/Poppins/Poppins-Regular.ttf);
}

@font-face {
    font-family: boldd;
    src: url(../fonts/Poppins/Poppins-Bold.ttf);
}

@font-face {
    font-family: mediumm;
    src: url(../fonts/Poppins/Poppins-Medium.ttf);
}

* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style: none;
    box-sizing: border-box;
}

:root {
    --main-color: #e3d12d;
    --primary-color: #253158;
    --secondary-color: #ededed;
    --back-color: #eeeeee;
}

body{
    background-color: var(--back-color);
    background-image: url(../img/our-partner/our\ partner-3.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 80vh;
}


main{
    max-width: 1200px;
    /* border: 2px solid red; */
    margin: 0 auto;
    padding: 10px 10px;
    position: relative;

}

main form{
    margin-top: 20px;
    background-color: var(--primary-color);
    --webkit-backdrop-filter:blur(7px);
    backdrop-filter: blur(7px);
    /* position: absolute; */
    margin-top:100px;
    top: 20%;
    box-shadow: 1px 1px 10px var(--secondary-color);
}

main form label{
    color: var(--back-color);
    font-size: 20px;
}

main form .btn{
    background-color: var(--back-color);
    color: var(--primary-color);
    border: 1px solid transparent;
}

main form .btn:hover{
    background-color: var(--main-color);
    color: var(--primary-color);
    border: 1px solid transparent;
}