@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c&family=Rubik:wght@500&display=swap');

* {
    text-align: center;
    font-family: 'Rubik', sans-serif;
}

.welcome {
    background-color: rgb(50, 156, 255);
    width: 100%;
    height: 35vw;
    clip-path: polygon(
        0 0,
        100% 0,
        100% calc(100% - 10vw),
        0 100%
    );
    color: white;
    display: grid;
    place-items: center;
}

.features, .projects {
    margin-top: 60px;
    color: black;
}

.listdiv {
    margin-top: 3.30em;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.feature {
    margin: 10px;
    width: fit-content;
    padding: 0 10px 0;
    height: 6.25em;
    display: grid;
    place-items: center;
    border: 2px solid black;
    border-radius: 6px;
    box-shadow: 0 0 3px black;
}

.japanese {
    font-family: 'M PLUS Rounded 1c', sans-serif; 
    font-weight: 700;
}