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

body{
    overflow:hidden;
    font-family:"Comic Sans MS", cursive;
    background:#241300;
}

#wrapper{
    width:100vw;
    height:100vh;
    
     background-image:url("background.jpg");
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;

    position:relative;
}

#overlay{
    position:absolute;
    width:100%;
    height:100%;

    background:
    radial-gradient(circle, transparent 40%, rgba(0,0,0,0.4));

    mix-blend-mode:multiply;
}

#main-box{
    width:100%;
    height:100%;

    display:flex;
    justify-content:space-between;
    align-items:center;

    padding:40px;

    position:relative;
    z-index:2;
}

#left-panel{
    width:30%;
    
    display:flex;
    flex-direction:column;
    align-items:center;

    gap:20px;
}

#girl-img{
    width:300px;

    filter:
    saturate(1.3)
    contrast(1.1);
}

.speech-box{
    background:#ffe684;

    border:4px solid #9b5a00;

    padding:20px;

    border-radius:30px;

    color:#5c2f00;

    font-size:22px;

    box-shadow:0 0 15px rgba(0,0,0,0.4);
}

#center-panel{
    width:35%;

    display:flex;
    flex-direction:column;

    gap:25px;
}

.tv-box{
    background:#ffcf9f;

    border:5px solid #8b3f00;

    padding:15px;
    
    border-radius:25px;

    width:350px;
}

.tv-box img{
    width:100%;
}

.updates-box{
    background:#ffd76d;

    border:5px solid #8b3f00;

    padding:20px;

    border-radius:20px;
    
    color:#7a3200;
}

.updates-box h2{
    margin-bottom:15px;

    font-size:40px;

    color:#c24b00;
}

.updates-box p{
    margin-bottom:10px;
    
    font-size:22px;
}

.music-box{
    background:#d88f28;

    border:4px solid #703000;

    border-radius:15px;

    padding:15px;

    color:#fff4c7;

    width:350px;
}

#right-panel{
    width:20%;

    display:flex;
    flex-direction:column;

    gap:25px;
}

.button{
    background:#9a4d00;

    color:#ffd36e;

    padding:18px;
    
    border-radius:20px;

    text-align:center;

    font-size:30px;

    border:4px solid #ffb347;

    cursor:pointer;

    transition:0.3s;

    box-shadow:0 0 12px rgba(0,0,0,0.5);
}

.button:hover{
  transform:scale(1.05);

    background:#bf5f00;
}

body{
    cursor:url('cursor.cur'), auto;
}

<audio autoplay loop>
    <source src="music.mp3" type="audio/mpeg">
</audio>

}

::-webkit-scrollbar{
    width:12px;
}

::-webkit-scrollbar-track{
    background:#5a2c00;
}

::-webkit-scrollbar-thumb{
    background:#ffb347;
}