@font-face {
    font-family: basiic;
    src: url(basiic.ttf);
}

* {
    box-sizing:border-box;
    font-family: basiic;
}

body {
    background:black;
    color:aliceblue;
    font-size:30px;
    align-items:center;
}
header {
    text-align:center;
    padding:10px;
    
}
.container {
    width:100vw;
    height:100vh;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    display:flex;
}
.water {
    display:flex;
    justify-content:center;
    align-items:center;
}

.phrase {
    width:70vw;
    height:10vh;
    display:flex;
    justify-content:center;
    align-items:center;
    position:relative;
    bottom: 10vh;
    z-index: 99;
}
main {
    display:flex;
    justify-items:center;
    align-items:center;
}


@media screen and (max-width:2000px) {
    body{
        align-items:center;
        font-size:200%;
    }
    main {
        flex-direction:column;
    }
    #water_1 {
        display:contents;
    }
    #water_2 {
        display:none;
    }
    #water_3 {
        display:none;
    }
    #water_4 {
        display:none;
    }
    #water_5 {
        display:none;
    }
    #water_6 {
        display:none;
    }
    #water_7 {
        display:none;
    }
    #water_8 {
        display:none;
    }
    #water_9 {
        display:none;
    }
    #water_10 {
        display:none;
    }
    #water_11 {
        display:none;
    }
}

@media screen and (max-width:1500px) {
    body{
        align-items:center;
        font-size:180%;
    }
    main {
        flex-direction:column;
    }
    #water_1 {
        display:none;
    }
    #water_2 {
        display:contents;
    }
    #water_3 {
        display:none;
    }
    #water_4 {
        display:none;
    }
    #water_5 {
        display:none;
    }
    #water_6 {
        display:none;
    }
    #water_7 {
        display:none;
    }
    #water_8 {
        display:none;
    }
    #water_9 {
        display:none;
    }
    #water_10 {
        display:none;
    }
    #water_11 {
        display:none;
    }
}
@media screen and (max-width:1400px) {
    body{
        align-items:center;
        font-size:160%;
    }
    main {
        flex-direction:column;
    }
    #water_1 {
        display:none;
    }
    #water_2 {
        display:none;
    }
    #water_3 {
        display:contents;
    }
    #water_4 {
        display:none;
    }
    #water_5 {
        display:none;
    }
    #water_6 {
        display:none;
    }
    #water_7 {
        display:none;
    }
    #water_8 {
        display:none;
    }
    #water_9 {
        display:none;
    }
    #water_10 {
        display:none;
    }
    #water_11 {
        display:none;
    }
}
@media screen and (max-width:1300px) {
    body{
        align-items:center;
    
    }
    main {
        flex-direction:column;
    }
    #water_1 {
        display:none;
    }
    #water_2 {
        display:none;
    }
    #water_3 {
        display:none;
    }
    #water_4 {
        display:contents;
    }
    #water_5 {
        display:none;
    }
    #water_6 {
        display:none;
    }
    #water_7 {
        display:none;
    }
    #water_8 {
        display:none;
    }
    #water_9 {
        display:none;
    }
    #water_10 {
        display:none;
    }
    #water_11 {
        display:none;
    }
}
@media screen and (max-width:1200px) {
    body{
        align-items:center;
        font-size:140%;
    }
    main {
        flex-direction:column;
    }
    #water_1 {
        display:none;
    }
    #water_2 {
        display:none;
    }
    #water_3 {
        display:none;
    }
    #water_4 {
        display:none;
    }
    #water_5 {
        display:contents;
    }
    #water_6 {
        display:none;
    }
    #water_7 {
        display:none;
    }
    #water_8 {
        display:none;
    }
    #water_9 {
        display:none;
    }
    #water_10 {
        display:none;
    }
    #water_11 {
        display:none;
    }
}
@media screen and (max-width:1100px) {
    body{
        align-items:center;
        
    }
    main {
        flex-direction:column;
    }
    #water_1 {
        display:none;
    }
    #water_2 {
        display:none;
    }
    #water_3 {
        display:none;
    }
    #water_4 {
        display:none;
    }
    #water_5 {
        display:none;
    }
    #water_6 {
        display:contents;
    }
    #water_7 {
        display:none;
    }
    #water_8 {
        display:none;
    }
    #water_9 {
        display:none;
    }
    #water_10 {
        display:none;
    }
    #water_11 {
        display:none;
    }
}
@media screen and (max-width:1000px) {
    body{
        align-items:center;
        font-size:120%;
    }
    main {
        flex-direction:column;
    }
    #water_1 {
        display:none;
    }
    #water_2 {
        display:none;
    }
    #water_3 {
        display:none;
    }
    #water_4 {
        display:none;
    }
    #water_5 {
        display:none;
    }
    #water_6 {
        display:none;
    }
    #water_7 {
        display:contents;
    }
    #water_8 {
        display:none;
    }
    #water_9 {
        display:none;
    }
    #water_10 {
        display:none;
    }
    #water_11 {
        display:none;
    }
}
@media screen and (max-width:900px) {
    body{
        align-items:center;
    }
    main {
        flex-direction:column;
    }
    #water_1 {
        display:none;
    }
    #water_2 {
        display:none;
    }
    #water_3 {
        display:none;
    }
    #water_4 {
        display:none;
    }
    #water_5 {
        display:none;
    }
    #water_6 {
        display:none;
    }
    #water_7 {
        display:none;
    }
    #water_8 {
        display:contents;
    }
    #water_9 {
        display:none;
    }
    #water_10 {
        display:none;
    }
    #water_11 {
        display:none;
    }
}
@media screen and (max-width:800px) {
    body{
        align-items:center;
        font-size:100%;
    }
    main {
        flex-direction:column;
    }
    #water_1 {
        display:none;
    }
    #water_2 {
        display:none;
    }
    #water_3 {
        display:none;
    }
    #water_4 {
        display:none;
    }
    #water_5 {
        display:none;
    }
    #water_6 {
        display:none;
    }
    #water_7 {
        display:none;
    }
    #water_8 {
        display:none;
    }
    #water_9 {
        display:contents;
    }
    #water_10 {
        display:none;
    }
    #water_11 {
        display:none;
    }
}
@media screen and (max-width:700px) {
    body{
        align-items:center;
    }
    main {
        flex-direction:column;
    }
    #water_1 {
        display:none;
    }
    #water_2 {
        display:none;
    }
    #water_3 {
        display:none;
    }
    #water_4 {
        display:none;
    }
    #water_5 {
        display:none;
    }
    #water_6 {
        display:none;
    }
    #water_7 {
        display:none;
    }
    #water_8 {
        display:none;
    }
    #water_9 {
        display:none;
    }
    #water_10 {
        display:contents;
    }
    #water_11 {
        display:none;
    }
}
@media screen and (max-width:600px) {
    body{
        align-items:center;
    }
    main {
        flex-direction:column;
    }
    #water_1 {
        display:none;
    }
    #water_2 {
        display:none;
    }
    #water_3 {
        display:none;
    }
    #water_4 {
        display:none;
    }
    #water_5 {
        display:none;
    }
    #water_6 {
        display:none;
    }
    #water_7 {
        display:none;
    }
    #water_8 {
        display:none;
    }
    #water_9 {
        display:none;
    }
    #water_10 {
        display:none;
    }
    #water_11 {
        display:contents;
    }
}