body
{
    color: #f2ffe3;
    background-color: #161921;
}

img
{
    object-fit: contain;
}

h1
{
    color: #161921;
    background-color: #ffc636;
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
}

p
{
    font-size: large;
}

a
{
    color: #f2ffe3;
    transition: font-size 0.2s;
}
  
a:hover
{
    color: #ffc636;
    background-color: transparent;
    text-decoration: underline;
    font-size: 110%;
}

.lander
{
    background-color: #ffc636;
    margin-bottom: 50px;
}

.lander-img
{
    border-radius: 50%;
}

.lander-text
{
    animation: fadeIn linear 0.75s;
}

.lander-arrow
{
    animation: fadeIn linear 0.75s;
    position: absolute;
    top: 95%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.section
{
    margin-bottom: 50px;
}

.hobby-column
{
    flex: 1 1 0;
    max-width: 350px; /* optional */
    display: flex;
    flex-direction: column;

    border-radius: 10px;
    background: linear-gradient(0deg, #1f2d3d 22%, #1f2d3d00 100%);
}

.hobby-column p {
    flex: 1;
    flex-grow: 1;
}

.work-cell
{
    width: 100%;

    border-radius: 10px;
    padding: 10px;
    background: linear-gradient(0deg, #1f2d3d 22%, #1f2d3d00 100%);
}

.work-img
{
    width: 50%;
}

.work-blurp
{
    padding: 10px;
}
  
@keyframes fadeIn
{
    0% {opacity:0.01;}
    100% {opacity:1;}
}