* {
    margin: 0;
    padding: 0;
}

html, body {
    width: 100%;
    height: 100%;
}

body {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    box-sizing: border-box;
}

.BackButtonContainer {
    color: #a5e6f5;
    text-decoration: none;
    position: absolute;
    top: 4%;
    left: 4%;
    rotate: 180deg;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

#BackButton {
    font-size: 1.5em;
}

.AnhSang {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.NgoiSao {
    width: 100%;
    top: 14%;
    position: absolute;
}

.CertificateText {
    width: 80%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 17%;
}

.CertificateContainer {
    width: 95%;
    height: 60%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 2%;
    background: #000;
    border-radius: 20px;
    background: rgba(255, 255, 255,0.8);
}

.line1 {
    width: 100%;
    height: 33%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    position: absolute;
    top: 8%;
    left: 0;
}

    .line1 img {
        height: 60%;
    }

.line2 {
    width: 100%;
    height: 33%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

    .line2 img {
        height: 60%;
    }

.line3 {
    width: 100%;
    height: 33%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    position: absolute;
    bottom: 8%;
    left: 0;
}

    .line3 img {
        height: 60%;
    }