/* i don't know how to code im very bad at this stop looking at my code oh my god go away im shy */
@font-face {
  font-family: determination; 
  src: url(DTM-Mono.otf); 
}


a {
    color:red;
}
.container {
    display:grid;
      grid-gap: 50px;
      grid-template:
      "nav header header "
      "nav main side "
      "footer footer footer"
      /1fr 700px 1fr;
      width: 1200px;
      margin:auto;
      padding:10px;
      
}
#bloodborder {
    border: 20px solid transparent;
  padding: 15px;
  border-image: url(/assets/border\ red.webp) 10% round;
}
header{
    grid-area:header;
    width:95%;
    padding:10px;
    border-radius: 20px;
}
main {
    grid-area:main;
      width:100%;
    padding:10px;
    background-color:black;
     border: 5px double white;
     height:auto;
}
side {
    grid-area:side;
    width:95%;
    padding:10px;
}
.time {
    width:95%;
    padding:10px;
    height:auto;
}
.sidebar {
    width:95%;
    padding:10px;
    height:auto;
    background-color:black;
    border: 5px double white;
}
nav {
    grid-area:nav;
    width:100%;
    padding:10px;
}
.navigation {
    width:100%;
    padding:10px;
    background-color:black;
    border: 5px double white;
    height:auto;
}
.float {
animation-name: floating; 
animation-duration: 3s; 
animation-iteration-count: infinite; 
animation-timing-function: ease-in-out;
} 

@keyframes floating { 
0% { 
transform: translate(0,  0px); 
} 

50%  { 
transform: translate(0, 15px); 
} 

100%   {
transform: translate(0, -0px); 
} 
}     

.yumering {
    display:flex;
    box-sizing:border-box;
    gap:10px;
    justify-content:center;
    align-items:center;
    padding: 10px;
    height: 110px; width: 250px; /*edit this if necessary, but it might change/alter the way the div looks unless you edit the rest of the elements accordingly*/
    /*feel free to edit the stuff after this*/
    border-radius: 5px;
    border: 1px solid rgb(0, 0, 0);
    font-smooth:never;
    -webkit-font-smoothing:none;
    background: red;
    background-size: 100px;
}

.yumering #img {
    width: 90px; height: 90px;
    background-image: url('/assets/eade94d082676287e6cc10108f3bc544.jpg'); /*IMPORTANT!! REPLACE THIS WITH YOUR FAV!*/
    border:1px solid black;
    border-radius: 2px;
    background-size:cover;
    background-position:center;
}

.yumering #inbox {
    width: 190px;
    font-size:15px;
}