* {
    padding: 0;
    margin: 0;
    hyphens: auto;
}

body {
    background-color: var(--c-primary) ;
    color: var(--c-tertiary);
}

main {
    padding: 20px;
}

::selection {
    /* background-color: #121212;
    color: #cccccc; */
    background-color: var(--c-secondary);
    color: var(--c-primary);
}
::-moz-selection {
    background-color: var(--c-secondary);
    color: var(--c-primary);
}

.row {
    padding-top: 20px;
    padding-bottom: 80px;
}

/* 
    Sitemap
    =======

    1. Grid Elements
        1.1 Hover Grid Element

*/


.emotion {
    background-image: url("https://picsum.photos/1920/500");
    height: 500px;
    margin: 0;
    width: 100%;
}
.emotion div {
    position: relative;
}
.emotion div h1 {
    position: absolute;
    left: 0;
    width: 100%;
    top: 100%;
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    padding: 30px 20px;
    background-color: #ccc9;
}

.hyphens-auto, .hyphens-auto *, .hyphens-auto * * {
    word-break: break-all;
    hyphens: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
}