/* Start https://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/anime/ani-10/ani979.ani), url(https://cur.cursors-4u.net/anime/ani-10/ani979.png), auto !important;} /* End https://www.cursors-4u.com */
html {
    background-color: rgb(255, 255, 255);
    background-image: url(elements/dot-04-15.gif);
}

@font-face {
    font-family: spirit;
    src:url(https://dl.dropbox.com/scl/fi/bqitfm4rr6tfgt3ea2jrq/Spirit.ttf?rlkey=r8hrj9c01d3cmv2iqt3vxm9tp&dl=0);
}
@font-face {
    src: url(https://dl.dropbox.com/s/kp4x66rhekt1fz5/AdabelleHandwriting-Regular.ttf);
    font-family: adabelle;
}
@font-face {
    font-family: kdot;
    src: url(https://dl.dropbox.com/scl/fi/ssfdvahgnsorkfq6jv8di/KH-Dot-Kodenmachou-16.ttf?rlkey=x3wp4lut4qg4ypvde370v1hsm&dl=0);
}
@font-face {
    font-family: faith;
    src: url(font/Faith\ Collapsing.ttf);
}
@font-face {
    font-family: oldnewspaper;
    src: url(font/OldNewspaperTypes.ttf);
}

.container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
}

.container div {
    margin: 20px;
    text-align: center;
}

h1 {
    font-family: faith;
    font-size: 5em;
    font-weight: lighter;
}

h3 {
    font-family: faith;
}

p {
    font-family: oldnewspaper;
}

.cameras {
    width: 200px;
    image-rendering: pixelated;
}

.cameras img {
    width: 80%;
    height: auto;
}

.cameras p {
    font-size: 0.7em;
    margin-top: -3px;
}

ul {
    list-style-type: none;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 10px;
}

li {
    border: 1px solid #528197;
    padding: 5px;
    margin: 2px 5px;
    height: 160px;
    width: 250px;
    border-radius: 5px;    
}

li p {
    font-size: smaller;
    margin-top: -3px;
}

li:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    transform: scale(1.05);
}

li img {
    max-width: 100%;
    height: auto;
    border-radius: 5px;
}

.content {
    max-width: 1000px;
}

span {
    font-weight: bold;
}

section {
    width: 800px;
}