td,
tr {
    text-align: left
}

hr {
    border: 1px solid gray;
}

.comment {
    text-align: left
}

.i2p {
    background: url('/images/i2p.ico');
    height: 20px;
    width: 20px;
    display: flex;
    float:left;

    /* Other styles here */
}

.comment_delete_button {
    background-color: white;
    border: none;
    color: black;
    padding: 8px 32px;
    text-decoration: none;
    margin: 4px 2px;
    cursor: pointer;
}

.comment-username {
    color: rgb(129, 129, 129);
}

.submit-button {
    background-color: white;
    border: none;
    color: black;
    padding: 8px 32px;
    text-decoration: none;
    margin: 4px 2px;
    cursor: pointer;
}

.ico-button {
    background-color: Transparent;
    background-repeat: no-repeat;
    /* Blue background */
    border: none;
    /* Remove borders */
    color: white;
    /* White text */
    padding: 12px 16px;
    /* Some padding */
    font-size: 30px;
    /* Set a font size */
    cursor: pointer;
    /* Mouse pointer on hover */
}

.like {
    float: right;
}

input[type=text],
input[type=email],
input[type=number] {
    background-color: white;
    background-position: 10px 10px;
    background-repeat: no-repeat;
    padding-left: 10px;
}

input[type=text],
input[type=email],
input[type=number] {
    transition: width 0.4s ease-in-out;
}

textarea {
    width: 100%;
    height: 150px;
    padding: 12px 20px;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    background-color: #f8f8f8;
    resize: none;
}

.navbar a {
    float: left;
    color: white;
    text-decoration: none;
    font-size: 35px;
    width: 25%;
    /* Four equal-width links. If you have two links, use 50%, and 33.33% for three links, etc.. */
    text-align: center;
    /* If you want the text to be centered */
}

a {
    color: gray;
}

.navbar {
    width: 100%;
    overflow: auto;
}

ul {
    list-style-type: none;
}

.test {
    max-width: 1000px;
    margin-top: 5%;
    margin-right: auto;
    margin-bottom: 25%;
    margin-left: auto;
    padding: 20px;
    background-color: black;
    border-radius: 30px;
}

.movingBackground {
    background-image: url('/images/life.gif');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    color: white;
    text-align: center;
    font-size: 20px;
    background-color: black;
}

.background {
    background-image: url('/images/background2_resized.jpg');
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    color: white;
    text-align: center;
    background-color: black;
}

img {
    width: 100%;
    height: 100%;
    text-align: center;
    margin-top: 20px;
}

.box {
    margin: 0 auto;
}

@media screen and (max-width: 500px) {
    .navbar a {
        float: none;
        display: block;
        width: 100%;
        text-align: left;
        /* If you want the text to be left-aligned on small screens */
    }
}
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?t00sxt');
  src:  url('fonts/icomoon.eot?t00sxt#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?t00sxt') format('truetype'),
    url('fonts/icomoon.woff?t00sxt') format('woff'),
    url('fonts/icomoon.svg?t00sxt#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-i2p .path1:before {
  content: "\e900";
  color: rgb(231, 16, 62);
}
.icon-i2p .path2:before {
  content: "\e901";
  margin-left: -0.7275390625em;
  color: rgb(252, 252, 4);
}
.icon-i2p .path3:before {
  content: "\e902";
  margin-left: -0.7275390625em;
  color: rgb(184, 204, 176);
}
.icon-i2p .path4:before {
  content: "\e903";
  margin-left: -0.7275390625em;
  color: rgb(4, 4, 4);
}
.icon-i2p .path5:before {
  content: "\e904";
  margin-left: -0.7275390625em;
  color: rgb(36, 132, 128);
}