html {
    height: 100%;
}

body {
    height: 100%;
    margin: 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.footerAl {
    align-items: center !important;
}

.grad {
    background: radial-gradient(circle, rgba(255, 211, 170, 1) 0%, rgba(148, 187, 233, 1) 53%);
}

.navi {
    background: #70a2b5;
}

.navi2 {
    background: linear-gradient(180deg, rgba(205, 244, 252, 1) 10%, rgba(112, 162, 181, 1) 100%);
}

.font1 {
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: 30px;
}

.font1A {
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-size: 20px !important;
}

.font2 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

}

.grow {
    transition: all .8s ease-in-out;
}

.grow:hover {
    transform: scale(1.05);
}

.borderS {
    color: rgb(37, 99, 158);
    border-color: darkslategray;
}

.bright {
    color: rgb(246, 246, 101);
}

.cloud {
    color: rgb(255, 255, 255);
}

.snow {
    color: white;
}

.fog {
    color: rgb(241, 241, 241);
}

.rain {
    color: rgb(241, 241, 241);
}