Untitled

body{
    font-family: 'Noto sans', sans-serif;
}
h1,h2,h3,h4{
    font-family: 'roboto mono','Courier New', monospace;
}
.container {
max-width: 740px;
margin:0 auto;
}
.intro {
    text-align: center;
}
.about-grid {
    display: grid;
    grid-template-columns: 50% 50%;
}

@media (max-width: 650px){
    .profile-grid{
        grid-template-columns: 100%;
    }
}
.profile-picture{
        border-radius: 50%;
        width: 150px;
        height: 150px;
        box-shadow: 0 4px 6px 0 rgb(34, 60, 80 0.16);
        transition: all ease-in-out .2s;
    }
    .profile-picture:hover{
        box-shadow: 0 8px 12px 0 rgb(34, 60, 80, 0.16);
    }