body {
    margin: 0;
    padding: 0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.section1 {
    width: 100%;
    height: 90vh;
    background-image: url("../img/background-cycling.jpg");
    background-position: center;
    background-size: cover;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    cursor: url('../img/logo.png'), auto;
}

.section1-filter {
    position: absolute;
    width: 100%;
    height: 90vh;
    opacity: 0.1;
    mix-blend-mode: darken;
    background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='40' height='20' patternTransform='scale(2) rotate(55)'><rect x='0' y='0' width='100%' height='100%' fill='hsla(219,12.5%,78%,1)'/><path d='M40 0L20-10V0l20 10zm0 10L20 0v10l20 10zm0 10L20 10v10l20 10zM0 20l20-10v10L0 30zm0-10L20 0v10L0 20zM0 0l20-10V0L0 10z'  stroke-width='4' stroke='hsla(206,11%,44.5%,1)' fill='none'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>");
}

.section1-moving {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-evenly;
    align-items: center;
    z-index: 10;
    transition: transform .4s ease-out;
}

.section1-photo {
    width: 256px;
    height: 256px;
    background-image: url('../img/photo-me.png');
    background-size: cover;
    background-position: center;
    border-radius: 50%;
    box-shadow: 5px 3px 3px rgb(87, 87, 87);
}

.section1-moving > h1 {
    font-size: 4.5rem;
    flex-basis: 300px;
}

.spotlight {
    position: absolute;
    height: 90vh;
    width: 100%;
    background-image: radial-gradient(
        circle,
        transparent 100px,
        rgba(255, 255, 255, 0.3) 200px
    );
    z-index: 9;
}

.section2 {
    width: 100%;
    background-color: rgb(243, 243, 243);
    display: flex;
}

.section3 {
    width: 100%;
    height: 90vh;
    background-color: rgb(80, 155, 130);
}

.section4 {
    width: 100%;
    height: 90vh;
    background-color: rgb(207, 226, 120);
}