@import url('https://fonts.googleapis.com/css2?family=Secular+One&display=swap');

html {
    background-color: darkgrey;
    zoom: 1;
}

.header {
    width: 101%;
    height: 28px;
    background-color: black;
    color: white;
    font-family: 'Secular One', sans-serif;
    font-size: 20px;
    padding-left: 5px;
    margin-left: -8px;
    margin-top: -10px;
}

.headerC {
    width: 101%;
    height: 28px;
    background-color: rgb(36, 45, 74);
    color: white;
    font-family: 'Secular One', sans-serif;
    font-size: 20px;
    padding-left: 5px;
    margin-left: -8px;
    margin-top: -10px;
}

.pages {
    position: relative;
    float: right;
    padding-right: 20px;
    color: white;
    text-decoration: none;
    
}

.pages:hover {
    padding-top: 1px;
    text-decoration: underline;
}

.pages:focus {
    padding-top: 1px;
    text-decoration: underline;
}

.img {
    margin-top: 5px;
}

.one {
    position: relative;
    float: left;
    width: 270px;
}

.two {
    position: relative;
    float: left;
    width: 270px;
}

.three {
    position: relative;
    float: left;
    width: 270px;
}