*{
    margin: 0;
    padding: 0;
}

.kotta{
    width: 100%;
}

#kotta{
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease 0s;
    position: absolute;
    top: calc(100% + 20px);
    background: rgb(255, 255, 255);
    box-shadow: rgba(27, 25, 25, 0.15) 0px 4px 13px;
    border-radius: 5px;
    width: 96.7%;
    left: 20px;
    justify-content: space-around;
    color: black;
    display: flex;
    align-items: center;
    font-size: 20px;
    height: 400px;
    flex-wrap: nowrap;

}
.link-child > a{
    color: black;
}

.insitut > a{

    color: white;
    
}
a{
    text-decoration: none;
}



.insitut:hover #kotta{
    opacity: 1;
    visibility: visible;
}

body{
    font-family: Tahoma;
}

footer > a{
    color: white;
}