style.css

style.css

|*{}  

    /*Background Color*/
    body{
    /* background-color: #E6F3F8; */
    background-color: #eff7fa
    }

    /* NAVBAR */
    .nav-link{
    margin-right: 10px;
    color: #244391;
    }

    .nav-link:hover{
    text-decoration: underline 2px;
    text-underline-offset: 8px;
    color: #244391;
    }
    .nav-link:focus{
    text-decoration: underline 2px;
    text-underline-offset: 8px;
    color: #244391;
    }

    .nav-link:active{
    text-decoration: underline 2px;
    text-underline-offset: 8px;
    color: #244391;
    }

    /* Preview Certificate */
    .preview{
    position: absolute;
    margin-bottom: 20rem;
    }

    h2.textstyle {
        font-family: 'Poppins', sans-serif;
        font-style: normal;
        font-weight: 900;
        color: #244391;
        text-decoration: underline;
    }

    h4.verif-textstyle {
        font-family: 'Poppins', sans-serif;
        font-style: normal;
        font-weight: 900;
        color: #244391;
    }

    h4.textstyle {
        font-family: 'Poppins', sans-serif;
        font-style: normal;
        font-weight: 450;
    }

    /* Frame */
    .frame{
    background: #F8F8FA;
    }

    /* Frame Background */
    .frame-bg{
    background: #244391;
    }

    /* Sertifikat Akreditasi */
    .title-text{
    font-family: 'Eurostile';
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 48px;
    color: #244391;
    }

    /* Diberikan kepada */
    .to-text{
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    color: #000000;
    }

    .atas-text{
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    color: #000000;
    }

    .line{
    width: 460px;
    height: 0px;
    left: 191px;
    top: 303px;
    border: 1px solid #000000;
    }

    .btn{
        
        background-color: #244391;
        color: #ffffff;
    }

    .output{
        font-family: 'Sen', sans-serif;
        color: #051130;
        font-size: 30px;
    }