@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap");
*{
    text-align: center;
}

.title{
    background-color:salmn;
    border-radius: 20px;
}

h1{
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 6vw;
    color:black;
    
}

a{
    color: black;
    font-size: 3vw;
    

}

.start_container{
    display: flex;
    gap:40px;


}

.start_container_item{
    flex:1;
    height: 25vw;
    line-height: 20.0vw;
    text-align:center;
    border-radius: 20px;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.25);
    opacity: 85%;
    background-color: #f0f0f0;
    transition: ease-in 300ms;
    margin: 20px;
    background-image: url('WM.jpg');
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 30vw;
    background-blend-mode: lighten;



}

.start_container_item:hover{
    transform: scale(1.1);
    cursor: pointer;
}

.body_main_page{
    /* height: 100vh; */

    padding-left: 5%;
    padding-right: 5%;
    background-color:white;
}

.ghost{
    position:absolute;
    z-index: -1;
    height: 10vw;
    left: 0;
}

.ghost2{
    position:absolute;
    z-index: -1;
    height: 10vw;
    right: 0;
}