#home-main {
padding: 1rem;
margin-top: 1rem;
margin-left: 1%;
max-width: 60rem;
}
#home-profile-pic {
float: left;
height: 16rem;
margin-bottom: 2rem;
margin-right: 3rem;
box-shadow: 4px 2px 10px #bbb;
}
#home-main h1 {
font-size: 3rem;
margin-top: 0.2rem;
margin-bottom: 0.5rem;
line-height: 110%;
}
#home-main p {
font-size: 1.1rem;
}
#home-socials {
display: flex;
flex-direction: row;
margin-bottom: 1.8rem;
font-size: 0.7rem;
font-family: monospace;
font-style: italic;
gap: 0.5rem 1rem;
}
#home-socials a {
display: flex;
color: #000;
opacity: 0.5;
}
#home-socials a:hover {
opacity: 1;
}
#home-socials img {
width: 1rem;
height: 1rem;
margin-right: 0.2rem;
}
@media screen and (max-width: 720px) {
#home-main h1 {
margin-bottom: 1rem;
}
#home-socials {
flex-direction: column;
}
}