body {
    min-width: 100%;
    margin: 0;
}

img[src="https://cdn.000webhost.com/000webhost/logo/footer-powered-by-000webhost-white2.png"]{
    display:none;
   }

a:active {
    text-decoration: none;
    color: inherit;
}

a:link, a:visited {
    text-decoration: none;
    color: inherit;
}

#header {
    background: linear-gradient(90deg, rgb(0, 132, 255), rgb(0, 217, 255));
    color: white;
    text-align: center;
    font-family: sans-serif;
    margin: 0;
    font-weight: 600;
}

h1 {
    margin: 0;
    font-size: 5vw;
}

#po {
    font-weight: lighter;
    font-style: italic;
    font-size: 1.5vw;
    margin: 0;
}

#header2 {
    font-family: sans-serif;
    font-size: 3vw;
    text-align: center;
    margin: 0.5vw 0vw 0.5vw 0vw;
}

.borcon {
    display: flex;
    margin-bottom: 1%;
}

.igimg {
    margin-left: 1vw;
}

.procon {
    float: left;
    width: 5.6vw;
    margin: 0.3vw 0.5vw 0.3vw 0.5vw;
    border-radius: 100%;
}

.borig {
    border-style: solid;
    border-width: thin;
    border-color: black;
    width: 48%;
    margin: 0% 1% 0% 1%;
}

.acname {
    font-size: 2.5vw;
}

.uname {
    margin: 0;
    font-size: 2vw;
}

#textcon {
    width: 98%;
    margin: auto;
}

h2 {
    text-align: left;
    font-family: sans-serif;
    font-size: 2.6vw;
    margin: 2vw 0vw 1vw 0vw;
    background: linear-gradient(90deg, rgb(0, 132, 255), rgb(0, 217, 255));
    color: white;
    padding: 0.3vw 1vw 0.3vw 0.8vw;
}

.condiv {
    font-family: sans-serif;
    font-size: 2vw;
}

#footer, #footer2, #footer3 {
    text-align: center;
    color: white;
    font-size: 2.2vw;
    border-style: solid;
    border-width: thin;
    border-color: white;
    background: linear-gradient(90deg, rgb(0, 132, 255), rgb(0, 217, 255));
    color: white;
    width: 98%;
    margin: auto;
    margin-top: 1vw;
}

#footer2, #footer3 {
    margin: auto;
    margin-top: 0.3vw;
    margin-bottom: 0.35vw;
}

#footer3 {
    padding: 0.5vw 0vw 0.5vw 0vw;
}

.eink {
    border-style: solid;
    border-width: thin;
    border-color: white;
    padding: 0vw 1vw 0vw 1vw;
    margin: 0vw 0.5vw 0vw 0.5vw;
}

.eink:hover {
    cursor: pointer;
    background: white;
    color:rgb(0, 132, 255)
}

@media screen and (max-width: 650px){
    h1 {
        font-size: 7vw;
    }

    #po {
        font-size: 3vw;
    }

    #header2 {
        font-size: 5vw;
    }

    .procon {
        width: 8.2vw;
    }

    .acname {
        font-size: 3.5vw;
    }
    
    .uname {
        font-size: 3vw;
    }

    h2 {
        font-size: 4.3vw;
    }

    .condiv {
        font-size: 3.6vw;
    }

    #footer, #footer2, #footer3 {
        font-size: 4vw;
    }

    #footer3 {
        padding: 0.8vw 0vw 0.8vw 0vw;
    }
}

.cBox{font-size:2vw;margin:1% 0% 0% 0.5%;}
input[type=checkbox]{
    transform: scale(1.5);
    margin: 0% 0.5% 0% 0.8%;
}
.subBtn,.extPara{font-size:2.5vw;margin:1% 0% 0% 1%;}.subBtn{cursor:pointer;}