@import url('https://fonts.googleapis.com/css2?family=Sansita+Swashed:wght@700&display=swap');




*, ::before, ::after{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    background: #222;
}

.block {
    height: 50vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.block h1 {
    font-size: 250px;
    color: #fff;
    display: block;
    font-family: 'Sansita Swashed', system-ui;
}
.block h2 {
    font-size: 50px;
    color: white;
    display: block;
    font-family: 'Sansita Swashed', system-ui;
}
.b1 {
    background: #434549;
    height: 100vh;
}
.b2 {
    background: #f1c40f;
    height: 100vh;
}
.b2 h2{
    color: #222;
    /* visibility: hidden; */
}
.b3 {
    background: #9b59b6;
}
.b4 {
    background: #5994b6;
}
.b5 {
    background: #dfec26;
    height: 100vh;
}
.b5 h2{
    color: #222;
    /* visibility: hidden; */
}
.b6 {
    background: #b6598c;
}
.b7 {
    background: #27c535;
    height: 100vh;
}
.b7 h2{
    color: #222;
    /* visibility: hidden; */
}
.b7h2{
    /* opacity: 0; */
}
.b8 {
    background: #59565a;
}
.b9 {
    background: #f8762a;
}