html, body {
    background-color: #F5F8FD;
    /* height: 100%; */
}

strong {
    font-size: 20px;
}

#news h4, #contacts h4 {
    font-size: 30px;
}

.navbar {
    width: 100%;
    overflow: hidden;
    background-color: #36474E;
}

.menu {
    float: left;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    color: #818181;
    font-size: 20px;
}

.navbar div:hover {
    text-decoration: none;
    color: white;
    cursor: pointer;
    border-left: 5px solid #f00;
}

.adress:hover > i, .email:hover > i, .phone:hover > i {
    color: #149DDD;
}

#portfolio p {
    color: #818181;
    text-decoration: none;
}

.caption_hidden {
    visibility: hidden;
}

.caption_visible {
    visibility: visible;
}

#about, #news, #res, #portfolio, #main, #contacts {
    color: #818181;
    border-bottom: 1px solid silver;
    padding-bottom: 10px;
}

#news, #res, #portfolio, #main, #contacts {
    color: #818181;
    display: none;
}

#about ul li i {
    margin-right: 5%;
    color: #149DDD;
}

.res_first, .res_sec, .res_thi, .res_fou, .res_fiv {
    padding-left: 3%;
    border-left: 3px solid silver;
}

.bb {
    color: #fff;
}

.fb {
    font-size: 50px;
    color: #4267B2;
    padding-left: 3%;
}

.in {
    font-size: 50px;
    color: #0077B5;
    padding-left: 3%;
}

.rg {
    font-size: 50px;
    color: #00CCBB;
    padding-left: 3%;
}

.st {
    font-size: 50px;
    color: #CC4200;
    padding-left: 3%;
}

footer p {
    text-align: center;
    position: relative;
    color: #818181;
}

.imgContainer {
    overflow: hidden;
}

#portfolio img:hover {
    transition: 0.7s;
    transform: scale(1.1);
}

.imgZoom {
    transition: 0.7s;
    transform: scale(1.1);
}

#python_config, #python_send, #python_processing, #london_web, #cerenany_web, #pa3jo_web, #python_converter, #python_todo, #weatherSK, #navi_web {
    transition: 0.7s;
}

#main {
    grid-template-columns: auto auto auto;
    gap: 1%;
}

.gridden {
    display: grid;
}

.border {
    border: 2px solid silver;
    padding: 1%;
    transition: 0.7s;
}

.border:hover {
    transform: scale(1.03);
    transition: 0.7s;
    cursor: pointer;
}

.time {
    font-size: .7em;
    color: black;
}