html {
    background: #101010;
}
body{
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
p{
    font-family: 'FallingSky', sans-serif;
}
.clanocek{
    border-radius: 15px;
    text-align: justify;
    padding: max(1vw,12px);
    font-size: max(1vw,18px);
    color: #04050e;
    margin: auto;
    margin-top: 1vw;
    margin-bottom: 1vw;
    width: 58%;
    background-color: #e6e6e6b6;
    font-family: 'FallingSky', sans-serif;
}
@font-face {
    font-family: 'Martinus'; /* Name your font family */
    font-style: normal;
    src: url('./fonts/Martius.ttf'); /* Locate the .ttf file within your directory*/
}
@font-face {
    font-family: 'Martinus'; /* Name your font family */
    font-style: italic;
    src: url('./fonts/MartiusItalic.ttf'); /* Locate the .ttf file within your directory*/
}
@font-face {
    font-family: 'Trailfree'; /* Name your font family */
    font-style: normal;
    src: url('./fonts/TrailFree.ttf'); /* Locate the .ttf file within your directory*/
}
@font-face {
    font-family: 'FallingSky'; /* Name your font family */
    font-style: normal;
    src: url('./fonts/FallingSkyRegular.otf'); /* Locate the .ttf file within your directory*/
}
@font-face {
    font-family: 'FallingSky'; /* Name your font family */
    font-style: oblique;
    src: url('./fonts/FallingSkyLightOblique.otf'); /* Locate the .ttf file within your directory*/
}
.nadpis{
    display: grid;
    place-items: center;
    padding-top: 2vw;
    font-family: 'Trailfree', sans-serif; /* Use the font family */
    font-size: max(8vw,100px);
    color: #101010;
    text-shadow: -1px -1px 0 #E0EEC6, 1px -1px 0 #E0EEC6, -1px 1px 0 #E0EEC6, 1px 1px 0 #E0EEC6;
    margin: 0.5em 0 0.5em 0;
}
.video{
    display: block;
    float: left;
    width: 70%;
    aspect-ratio : 16 / 9;
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.7);
    padding: 0%;
    margin:0.25%;
    
}
.spotify{
    display: block;
    float: left;
    width: 29%;
    aspect-ratio : calc(29*16) / calc(70*9);
    
    margin:0.25%;
}

.frames{
    display: flex;
    align-items: center;
    width: 60%;
    margin:auto;
    margin-top: 1vw;
    margin-bottom: 1vw;
    align-items:center;
    margin-bottom: 8vw;
}

footer{
    overflow: hidden;
    background-color: #ffffffb0;
    text-align: right;
    padding: 0.5vw 1.5vw 0.5vw 0;
    color: #101010;
    margin-top: auto;
    font-size: max(0.8vw,12px);
}