@import url('https://fonts.googleapis.com/css2?family=Iosevka+Charon+Mono:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

html {
    cursor:crosshair;
    user-select: none;
    -webkit-user-select: none;
}

body{
    font-family: 'Iosevka Charon Mono', monospace;
    background-color:#171D1C;
    color: #F0F7F4;
    text-align: center;
}

h1 {
    color:#BD93D8;
    font-size: 4em;
}

h2 {
    font-size:3em;
}

h3 {
    font-size:2.5em;
}

p {
    font-size:2em;
}
.sodanhama {
    display:flex;
    justify-content: center;

}

.sodanhama h1 {
    margin-inline:auto;
    overflow:hidden;
    white-space: nowrap;
    border-right: 1px solid #263035;
    animation: typing 2s steps(9) forwards, blink 0.75s step-end infinite;
}

@keyframes typing {
    from { width: 0; }
    to { width: 100%; }
}

@keyframes blink {
    50%{
        border-color: transparent;
    }
}

.projects {
    display:flex;
    gap:1rem;
    flex-wrap:wrap;
    margin-top:4rem;}

.project {
    background-image : linear-gradient(to top, #212928, #263035);
    border-radius: 4rem;
    padding:1rem;
    border: solid 0.02rem #F0F7F4;
    flex: 1 1 0%;
    text-align: center;
    
}

.project:hover {
    border: solid 0.1rem #cbe1f3;
    background-image : linear-gradient(to top, #293134, #2d323f);    

}

footer {
    font-size:0.75rem;   
    padding: 1rem;
    text-align:center;
    opacity: 0.75;
}

.comments {width:100%;display: flex;display: inline-block;margin-top: 3rem;}