img{
    max-height: 100px;
    height: 100%;
}
h1{
    padding-bottom: 2em;
    text-align: center;
    font-size: clamp(1.2rem, 6vw, 2.2rem);
}
.video{
    padding-bottom: 100px;
}
.container{
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    text-align: center;
    list-style-position: inside;
    padding-bottom: 5em;
}
.tabs-container{
    display: flex;
    width: 100%;
}
.tab{
    border: 1px solid black;
    flex:1;
    padding:10px;
}
.tab-hover{
    background-color: rgba(255,255,255,0.7) !important;
}
.head{
    display: flex;
    border:1px solid black;
    max-height: 100px;
}
.name{
    width: 50%;
    margin: 0 auto;
}
.secret{
    width: 10px;
    height: 10px;
/*    background-color: aquamarine;*/
    position:absolute;
    bottom: 10%;
    right: 1%;
}
.about{
    background-color: rgba(204, 204, 238, 0.7);
    margin: 10px ;
    padding: 50px 10px;
    height: auto;
    text-align: left;
    font-size: 1.4rem;

}
.header{
    margin: 10px 0;
    font-weight: bolder;
    font-size: 150%;
}
.list{
    margin: 10px 0px 10px 10px;
}
.title{
    text-align: center;
    margin :10px;
}
.discription{
    text-align:center;
    font-size: 75%;
    margin: 20px;
    font-weight: light;
    color: #555555;
}
html{
    position: relative;
    background-image:url(./images/bg_summer.png);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    
}