* {
    box-sizing: border-box;
    font-family: "Iosevka Term", 'Courier New', Courier, monospace;
}

body {
    color: #d3f2f6;
    background: #333333;
    width: 1280px;
    margin: 0 auto;
    background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06)) #333333;
    background-size: 100% 2px, 3px 100%;
    -webkit-animation-name: crt;
    -webkit-animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: crt;
    -moz-animation-duration: .3s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    animation-name: crt;
    animation-duration: .3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

blockquote::before {
    content: "\201C";
    font-size: 3em;
}

blockquote {
    font-style: italic;
    margin-left: 20px;
}

h1 {
    text-align: center;
}

#webring {
    text-align: center;
    position: relative;
    bottom: 0;
    margin: 80px auto 0 auto;
    width: 100%;
    left: 0;
    padding: 10px;
}

.item1 {
    width: 15%;
    align-self: center;
}

.item2 {
    width: 70%;
    align-self: center;
    font-size: 25px;
}

#map {
    display: flex;
    width: 500px;
    border: 3px double #d3f2f6;
    margin: 0 auto;
    height: 80px;
    padding: 10px;
    border-radius: 10px;
}

.cent {
    margin: 0 auto;
    text-align: center;
}

a,
a:link,
a:active {
    color: #333333;
    background: #d3f2f6;
}

a:hover {
    background: #eeeeee;
}

.small {
    font-size: 0.9em;
    font-weight: lighter;
}

.center {
    text-align: center;
}

a.not,
a.not:link,
a.not:active {
    background: transparent;
    text-decoration: none;
    color: #d3f2f6;
}

#log {
    width: 80%;
    margin: 0 auto;
}

.entry {
    border: 5px double #d3f2f6;
    padding: 10px;
    border-radius: 10px;
}

h2.log-date {
    text-align: center;
    text-transform: uppercase;
    font-weight: lighter;
    font-size: 2em;
    margin: 10px;
}

p {
    padding: 0;
    margin: 5px;
}

h3.log-entry-date {
    margin-bottom: 5px;
    padding-left: 2px;
}

h3 small {
    font-size: 10px;
    font-weight: lighter;
}

@-moz-keyframes crt {
    0% {
        opacity: 1.0;
    }
    50% {
        opacity: 0.97;
    }
    100% {
        opacity: 1.0;
    }
}

@-webkit-keyframes crt {
    0% {
        opacity: 1.0;
    }
    50% {
        opacity: 0.97;
    }
    100% {
        opacity: 1.0;
    }
}

@keyframes crt {
    0% {
        opacity: 1.0;
    }
    50% {
        opacity: 0.97;
    }
    100% {
        opacity: 1.0;
    }
}

@media screen and (max-width:768px) {
    body {
        width: 100%;
    }
    #map {
        width: 95%;
    }
    .item1 {
        font-size: 2.9vw;
    }
    .item2 {
        font-size: 3.9vw;
    }
}