*{
    margin: 0;
    box-sizing: border-box;
}

body{
    background-color:darkseagreen;
    text-align: center;
    padding-bottom: 5%; 
}
.mee{
    padding-right: 1%;
    padding-left: 1%;
}
span{
    padding-left: 2%;
}

.headline{
    font-size: 1rem;
    background-image: url(/Images/Background02.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    text-align: left;
}

.mail{
    background-color: thistle;
    border-radius: 1vw;
    font-size: 2vw;
    font-family: Redressed;
    font-weight: bold;
    padding: 0vw 1vw 0vw 1vw;
    font-weight: bold;
}

/*NavBar items*/
.navBar{
    background-color: black;
    
    padding: .5vw;
    text-align: left;
}
t1{
    font-weight: bolder;
    text-align: center;
    font-size: 2vw;
}
button{
    padding: .3vw;
    font-size: 1vw;
    font-weight: bolder;
    border-radius: .5vw;
    margin-right: 1vw;
}
button:hover{
    background-color: lightgreen;
}


.works{
    margin-top: 1%;
    display: none;
    text-align: left;
    position:absolute;
    background-color: wheat;
    color: navy;
    padding: 1.5vw;
    font-size: 2vw;
    border-radius: 2vw 2vw 2vw 2vw;
    margin-left: 1vw;
    max-width: 50%;
}
cl{
    font-size: 1vw;
    font-weight: bold;
}

.scard{
    width: 75%;
    height: auto;
}

.about{
    font-family: Redressed;
    font-size: 3vw;
    color:blue;
    text-align: center;
    text-shadow: black .01vw .1vw;
    padding-top: 2%;
    padding-left: 10%;
    padding-right: 10%;
    padding-bottom: 2%;
}

.company{
    text-align: left;
    font-size: 2.5vw;
    font-family: Berkshire Swash;
    color: aliceblue;
    text-shadow: red .1vw .2vw;
    padding-left: 1.5%;
    padding-bottom: .5%;
    padding-top: 10%;
}

h2a{
    font-size: 2vw;
    color:cyan;
    padding-left: 2.5%;
}
h2b{
    font-size: 1.75vw;
    color: springgreen;
    padding-left: 1%;
    padding-bottom: 2%;
    padding-right: 1%;
}

.example{
    padding-top: 2%;
    font-size: 2.5vw;
    font-family: Rock Salt;
    color: darkmagenta;
}


divG{
    margin-top: 5%;
    display: grid;
    grid-template-columns: 33% 33% 33%;
    text-align: center;
}

.pix{
    padding-top: 2%;
}


.screen{
    font-size: 2vw;
    font-family: chewy;

}

.foot{
    background-color: green;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4%;
    text-align: center;
    padding-left: 1vw;
}

#cTime{
    font-size: 1.5vw;
    color: white;
    font-family: Lobster;
}