@import url('https://fonts.googleapis.com/css2?family=Alan+Sans:wght@300..900&display=swap');

@font-face {                            
    font-family: freepixel;
    src: url(../fonts/FreePixel.ttf);   
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: FreePixel, "Alan Sans", sans-serif;
}

:root {
    --web-width: 1200px;
    --total-web-width: 1600px;
    --default-topmargin-sidebarstuff: 24px;
    --default-topmarginsmaller-sidebarstuff: 12px;
    --default-fontsize-sidebarstuff: 32px;
    --normal-fontsize-freepixel: 24px;
}

/* Defines animation for horizontally scrolling text */
@keyframes scroll-txt-hor {
    0% { transform: translateX(0%); }
    100% { transform: translateX(-105%); }
}
 
 
.centered-element {
    display: flex;
    justify-content: center;
    align-items: center
}


.txt-newsection-space {
    margin-top: 24px;
    margin-bottom: 12px;
}

.gray-txt {
    color: gray;
}

.bold-txt {
    font-weight: bold;
}

.big-image {
    width: 150%;
}

.separation-hor {
    width: 100%;
    border: 2px dashed lightpink;
}