#loading,
h1 {
    text-align: center;
}

#loading,
.modal {
    display: none;
}

body {
    font-family: Arial, sans-serif;
    margin: 20px;
    background-color: #000;
    color: #fff;
}
.post {
    padding: 10px;
    margin-bottom: 10px;
}
.post p {
    margin: 5px 0;
}
.tooltip {
    position: relative;
    cursor: pointer;
}
.tooltip .tooltiptext {
    visibility: hidden;
    width: 150px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -75px;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
#posts-container {
    position: relative;
    left: 25% !important;
    max-width: 50%;
}

#posts-container md-tabs {
    border-bottom: 8px solid rgba(255, 255, 255, 0);
}
:root {
    --md-sys-color-surface: #000000;
    --md-sys-color-primary: #ffffff;
}
md-elevated-button {
    --md-elevated-button-label-text-font: system-ui;
    --md-sys-color-surface-container-low: #dddddd;
    --md-sys-color-primary: #000000;
}
md-primary-tab {
    font-size: 17px;
}
#neu-panel p img {
    max-width: 51px;
    max-height: 51px;
    min-height: 50px;
    min-width: 50px;
    border-radius: 25px;
}

#neu-panel .post {
    border: 1px solid rgba(255, 255, 255, 0);
    background-color: #1a1a2d;
    border-radius: 25px;
}

#neu-panel a,
.comments .comment a,
.post p a {
    color: #fff;
    text-decoration: none;
}

md-tabs {
    left: 25% !important;
    width: 50% !important;
    padding-bottom: 15px;
}
#neu-panel .post unnoetig,
arschhaare {
    position: relative;
    top: -21px;
    left: 8px;
}
#neu-panel .post .likes-container {
    position: relative;
    top: -21px;
    width: 50px;
}
#neu-panel .post .comment,
.post p hui {
    position: relative;
    left: 49px;
}
#neu-panel .post .counts {
    height: 22px;
}
#neu-panel button {
    background-color: rgba(0, 0, 0, 0);
    border-style: none;
    font-size: 16px;
    color: #696767;
    position: relative;
    bottom: -4px;
}
#neu-panel span .like {
    color: #d01437;
}
.modal {
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(41, 43, 51, 0.733);
    padding-top: 60px;
}
#comment-content,
.comment-section-complete,
.comment_title,
.comments,
.comments .comment yoyo,
.post div .comment-button,
.post p a,
.post p hahahihi,
.post p img,
.yeet,
.yeet .post,
.yeet .post .ARGHH,
.yeet .post h2,
.yeet .post p {
    position: relative;
}
.modal-content {
    background-color: #000;
    margin: 5% auto;
    padding: 20px;
    border: 1px;
    width: 30%;
    border-radius: 25px;
}
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: 700;
}
.close:focus,
.close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
#neu-panel .counts a {
    color: #686868;
    top: 2px;
}
.yeet {
    left: 50% !important;
    width: 421px;
}
.comments .comment yoyo,
.post p a {
    top: -19px;
    left: 4px;
}
.post p img {
    border-style: none;
    border-width: 25px;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    bottom: -8px;
}
.yeet .post h2 {
    top: -29px;
}
.yeet .post {
    width: 425px;
    padding-right: 26px;
    top: -123px;
}
.post p hahahihi {
    top: -19px;
    left: 52px;
}
.yeet .post p {
    left: -54px;
    top: -4px;
    transform: translatex(0) translatey(0) !important;
}
.post div .like-button {
    border-radius: 25px;
    background-color: #fff;
}
.post div .comment-button {
    left: 66px;
    top: -35px;
    border-radius: 25px;
}
.yeet .post .ARGHH {
    top: -25px;
}
.ARGHH div .comment-button {
    top: -36px;
    background-color: #fff;
}
.comments {
    width: 53% !important;
    left: 47% !important;
}
.comment_title {
    font-size: 25px;
    font-weight: 600;
    left: 46% !important;
    width: 26%;
}
.comments .comment img {
    width: 50px;
    height: 50px;
    border-radius: 25px;
}
.comments .comment .comment-content {
    position: relative;
    left: 57px;
    width: 50%;
}
#comment-content {
    left: -103px;
    width: 428px;
    min-height: 98px;
    border-radius: 25px;
    min-width: 428px;
    max-height: 98px;
    max-width: 428px;
    top: -177px;
}

#comment-form button {
    position: relative;
    background-color: #fff;
    border-style: none;
    border-radius: 25px;
    font-size: 15px;
    line-height: 43.3px;
    left: 65px;
}

.all {
    position: relative;
    top: -152px;
}
#comment-form button,
.comment-section-complete {
    top: -164px;
}
.comment-section-complete,
.yeet .post {
    left: -75px;
}

#posts-container,
md-tabs {
    top: -210px;
}

.post p .follow {
    position: relative;
    background-color: #fff;
    border-style: none;
    border-radius: 10px;
    left: 4px;
    top: -1px;
}

.post h2 a {
    text-decoration: none;
    color: #3f47e3;
}

.yeet .commentlogin {
    position: relative;
    top: -177px;
    left: -115px;
}

.comments .comment .comment-content {
    top: -12px;
}
.comments .like-comment-button .fa-solid {
    color: #ed0c0c;
}
.comments .comment .commentcommentcount,
.comments .comment .like-comment-button {
    position: relative;
    color: #fff;
    background-color: rgba(240, 240, 240, 0);
    border-style: none;
    top: -16px;
}
.comments .comment .like-comment-button {
    font-size: 15px;
}
.comments .comment .commentcommentcount {
    left: 103px;
    font-size: 16px;
}
.comments .comment .like-comment-button {
    left: 12px;
}
.yeet .post .media {
    max-width: 100%;
    position: relative;
    top: -33px;
    border-radius: 25px;
}
.ARGHH div .report-btn {
    position: relative;
    top: -72px;
    left: 127px;
    background-color: #fff;
    border-radius: 25px;
    font-size: 17px;
    width: 50px;
    height: 40px;
}



   /* Parentpost */
   .parentpost{
    position:relative;
    left:345px;
    top:-123px;
   }
   
   /* Parentpost */
   .parentpost{
    top:0px;
    left:0px;
   }
   
   /* Paragraph */
   .yeet .post p{
    width:auto !important;
   }
   
   /* Comment button */
   .ARGHH div .comment-button{
    top:0px;
    left:0px;
   }
   
   /* Report */
   .ARGHH div .report-btn{
    top:0px;
    left:0px;
   }
   
 
   
   /* Post Division */
   .yeet .post{
    color:#000000;
    background-color:#ffffff;
    border-top-left-radius:25px;
    border-top-right-radius:25px;
    border-bottom-left-radius:25px;
    border-bottom-right-radius:25px;
   }
   
   /* Link */
   .yeet p a{
    color:#000000;
   }
   
    /* Comment content */
    #comment-content{
     width:100% !important;
     min-width:100%;
     max-width:100%;
    }
   
    /* Parentpost */
   .parentpost{
    left:25% !important;
    width:52% !important;
    top:-140px;
   }
   
   /* Heading */
   .parentpost .post h2{
    position:relative;
    left:62px;
    width:96% !important;
   }
   
    /* Yeet */
    .yeet{
     left:25% !important;
     top:-123px;
     width:52% !important;
    }
   
     /* Comment section complete */
     .comment-section-complete{
     left:25% !important;
     top:-127px;
     width:52% !important;
    }
    /* Vline */
   .parentpost .post .vline{
    border-style:none;
    border-left-style:solid;
    border-left-width:1px;
    position:relative;
    left:25px;
   }
   
   /* Heading */
   .parentpost .post h2{
    left:29px;
   }
   /* Vline */
   .parentpost .post .vline{
    padding-top:4px;
    padding-bottom:11px;
   }
    /* Yeet */
    alles .yeet{
     top:-131px;
    }
    
    /* Comment section complete */
    alles .comment-section-complete{
     top:-139px;
    }
   
    /* Comment button */
   .ARGHH div .comment-button{
    left:49px;
    top:0px;
    position:absolute;
   }
   
   /* Report */
   .ARGHH div .report-btn{
    border-style:none;
    position:absolute;
    left:90px;
   }
   
   
   /* Md elevated button */
   #comment-form md-elevated-button{
    width:100%;
   }
   
   
   
    /* Comment section complete */
    alles .comment-section-complete{
     top:-86px;
    }
    
   /* Link */
.vline h2 a{
    color:#ffffff;
   }
   
   /* Comment button */
.ARGHH div .comment-button{
    font-size:15px;
   }
   
   /* Like button */
   .ARGHH div .like-button{
    font-size:16px;
    position:relative;
    top:0px;
   }

   /* Like button */
.ARGHH div .like-button{
    border-style:none;
    top:-8px;
    left:8px;
   }
   
   /* Comment button */
   .ARGHH div .comment-button{
    border-top-style:none;
    border-right-style:none;
    border-bottom-style:none;
    border-left-style:none;
    font-size:18px;
    top:-9px;
   }
   
   /* Report */
   .ARGHH div .report-btn{
    top:-15px;
   }
   
 /* Comment section complete */
 .comment-section-complete{
    top:-62px;
   }
   
   /* Media */
   .yeet .post .media{
    top:-17px;
   }   

   /* Span Tag */
.ARGHH .comment-button span{
    position:relative;
    left:4px;
   }
   
   /* Report */
   .ARGHH div .report-btn{
    top:-17px;
    left:94px;
   }
   
/* Comment button */
.ARGHH div .comment-button{
    font-size:16px;
   }
   
   /* Report */
   .ARGHH div .report-btn{
    left:90px;
    font-size:16px;
    width:33px;
    top:-18px;
   }
   
   
   /* Liked */
.liked{
    color:#ff0505 !important;
   }
   
 /* Md tabs */
 md-tabs{
    top:-610px;
   }
   
   /* Posts container */
   #posts-container{
    top:-610px;
   }

   /* Yeet */
 .yeet{
    top:-550px;
   }
   
   /* Comment section complete */
   .comment-section-complete{
    top:-500px;
   }

    /* Viewcount */
 #viewcount{
    top:-12px;
   }

   /* Like button */
.ARGHH div .like-button{
    background-color:rgba(255,255,255,0);
   }
   
   /* Comment button */
   .ARGHH div .comment-button{
    background-color:rgba(255,255,255,0);
   }
   
    /* Image */
 .fancybox__slide img{
    border-top-left-radius:25px;
    border-top-right-radius:25px;
    border-bottom-left-radius:25px;
    border-bottom-right-radius:25px;
   }

   /* Link */
.yeet .commentlogin a{
    color:#ffffff;
   }


    /* Posts container */
 #posts-container{
    top:0px;
   }

   /* Md tabs */
md-tabs{
    position:fixed;
    z-index:999;
    height:90px;
   }

    /* Md tabs */
 md-tabs{
    top:0px;
   }
   
   /* Posts container */
   #posts-container{
    top:70px;
   }


   
/* Blurred background */
.blur-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background: rgba(0, 0, 0, 0.575); /* Add a semi-transparent overlay */
    backdrop-filter: blur(10px); /* Apply blur effect */
    -webkit-backdrop-filter: blur(10px); /* Safari support */
    border-radius: 10px; /* Optional, for rounded corners */
    pointer-events: none; /* Ensures background is not interactive */
  }      

  :root {
    --md-sys-color-surface: #00000000;
    --md-sys-color-primary: #ffffff;
    --md-outlined-text-field-label-text-color: #ffffff;
    --md-sys-color-primary: #ffffff;
    --md-sys-color-secondary: #ffffff;
    --md-outlined-text-field-label-text-color: #ffffff;
    --md-outlined-text-field-input-text-color: #ffffff;
    --md-sys-color-on-surface: #dddddd;
}

/* Blur background */
.blur-background{
    bottom:16px;
    border-top-left-radius:0px;
    border-top-right-radius:0px;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
   }
   
    /* Md tabs */
 md-tabs{
    width:36% !important;
   }

    /* Posts container */
 #posts-container{
    width:36% !important;
    max-width:36%;
   }
    /* Md tabs */
 md-tabs{
    left:27% !important;
   }
   
   /* Posts container */
   #posts-container{
    left:27% !important;
   }



  /* Posts container */
  #posts-container{
    top:62px;
   }

   /* Post Division */
#neu-panel .post{
    border-top-left-radius:0px;
    border-top-right-radius:0px;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
   }
   
   /* Post Division */
#neu-panel .post{
    background-color:#000000;
   }
   
   /* Tooltip */
   #neu-panel .post .tooltip{
    color:#ffffff;
   }
   
   /* Link */
   #neu-panel .tooltip a{
    color:#ffffff;
   }
   
   /* Contentposts */
   #neu-panel .post .contentposts{
    color:#ffffff;
   }
   
   /* Link */
   #neu-panel .post .contentposts a{
    color:#0a5fe0;
   }
   

   /* Posts container */
#posts-container{
    border-left-style:solid;
    border-left-color:#474747;
    border-left-width:1px;
    border-right-style:solid;
    border-right-width:1px;
    border-right-color:#444444;
   }
   
    /* Posts container */
 #posts-container{
    top:50px;
   }



   /* Post Division */
#neu-panel .post{
    border-bottom-color:#666666;
   }
   
   /* Fancybox  container */
.fancybox__container{
    z-index:99999;
   }
   
   /* Posts container */
   #posts-container{
    border-right-style:none;
   }


    /* Posts container */
#posts-container{
    border-left-style:none;
   }
   

   /* Modal content */
#posts-container #neu-panel #postinginfeed .modal-content{
    width:auto !important;
   }
   
   /* Modal content */
   #postinginfeed .modal-content{
    border-style:none;
    border-bottom-style:solid;
    border-top-left-radius:0px;
    border-top-right-radius:0px;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
   }
   
   /* Modal content */
#neu-panel .postinginfeed .modal-content{
    border-style:none;
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-top-left-radius:2px;
    border-top-right-radius:2px;
    border-bottom-left-radius:2px;
    border-bottom-right-radius:2px;
   }
   
   /* Modal content */
   #posts-container #neu-panel .postinginfeed .modal-content{
    width:auto !important;
   }

   /* Newyeetbutton */
.postinginfeed .newyeetbutton{
    background-color:#ffffff !important;
    color:#000000 !important;
   }
   
   /* Tenorpowered */
.postinginfeed .tenorpowered{
    font-size:15px;
    color:#666666;
   }
   
   /* Link */
   .postinginfeed a{
    color:#686868 !important;
   }
   
   /* Fancybox  container */
.fancybox__container{
    z-index:99999;
   }
   

   /* Post Division */
#notifications-list .post{
    border-top-left-radius:0px;
    border-top-right-radius:0px;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
    background-color:rgba(255,255,255,0);
    color:#ffffff;
    border-bottom-width:1px;
    border-bottom-color:#595959;
   }
   
   /* Tooltip */
   #notifications-list .post .tooltip{
    color:#ffffff;
   }
   
   /* Link */
   #notifications-list .tooltip a{
    color:#ffffff;
   }
   
   /* Contentposts */
   #notifications-list .post .contentposts{
    color:#ffffff;
   }

   /* Modal content */
#postModal .modal-content{
    position:relative;
    left:-86px;
    width:25%;
   }
   
   
   /* Md tabs */
   md-tabs{
    z-index:998;
   }
   
   
   /* Footer */
footer{
    display:block !important;
   }

   
   @media (max-width:1754px){

    /* Md tabs */
    md-tabs{
     left:16.1% !important;
     width:58.9% !important;
    }
    
    /* Posts container */
    #posts-container{
     left:15.2% !important;
     width:176% !important;
     max-width:60%;
    }
    
   }

   @media (max-width:1754px){

    /* Posts container */
    #posts-container{
     max-width:60.4%;
     width:60.4% !important;
    }
    
   }

   @media (max-width:1484px){

    /* Posts container */
    #posts-container{
     width:53% !important;
     max-width:53%;
    }
    
    /* Md tabs */
    md-tabs{
     width:51.8% !important;
    }
   }



   @media (max-width:1038px){

    /* Md tabs */
    md-tabs{
     width:83.5% !important;
    }
    
    /* Posts container */
    #posts-container{
     width:86% !important;
     max-width:86%;
    }
    
   }



   @media (max-width:699px){

    /* Posts container */
    #posts-container{
     top:140px;
     width:10% !important;
    }
    
    /* Md tabs */
    md-tabs{
     top:131px;
     left:0px !important;
     width:100% !important;
     position:relative;
    }

   }

   @media (max-width:699px){

    /* Posts container */
    #posts-container{
     width:100% !important;
     left:0px !important;
     top:78px;
     max-width:none;
    }
    
   }

   @media (max-width:576px){

    /* Modal content */
    #neu-panel .postinginfeed .modal-content{
     min-width:0px;
    }
    
   }

   @media (max-width:425px){

    /* Follow */
    #neu-panel .post .follow{
     display:none;
    }
    
   }



   @media (max-width:699px){

    /* Md tabs */
    md-tabs{
     top:143px;
    }
    
    /* Posts container */
    #posts-container{
     top:99px;
    }
    
   }



   @media (max-width:699px){

    /* Md tabs */
    md-tabs{
     top:159px;
    }


     /* Posts container */
 #posts-container{
    top:111px;
   }
    
   }



   @media (max-width:699px){
    
    /* Md tabs */
    md-tabs{
     top:221px;
    }
    
    /* Posts container */
    #posts-container{
     top:189px;
    }
    
   }

   @media (max-width:576px){

    /* Likes container */
    #neu-panel .post .likes-container{
     height:25px;
    }
    
   }

   @media (max-width:699px){

    /* Span Tag */
    #neu-panel .counts span{
     height:24px;
     display:inline-block;
    }
    
   }

   @media (max-width:700px){

    /* Span Tag */
    #neu-panel .counts span{
     display:block;
     height:28px;
    }
    
   }

   @media (max-width:699px){

    /* Counts */
    #neu-panel .post .counts{
     height:31px;
    }
    
   }

   @media (max-width:699px){

    /* Button */
    #neu-panel span button{
     display:block;
    }
    
   }

   @media (max-width:699px){

    /* Span Tag */
    #neu-panel .counts span{
     white-space:nowrap;
     overflow:auto;
    }
    
   }
   /* Button */
#neu-panel span button{
    top:3px;
   }
   
   @media (max-width:699px){

    /* Posts container */
    #posts-container{
     top:210px;
    }
    
   }


   /* Yeet */
.yeet{
    top:15px;
    left:27% !important;
    width:36.2% !important;
   }
   
   /* Comment section complete */
   .comment-section-complete{
    top:277px;
   }
   
   /* Post Division */
   .yeet .post{
    top:0px;
    left:0px;
    background-color:#000000;
    color:#ffffff;
   }
   
   /* Comment content */
   #comment-content{
    top:0px;
    left:0px;
   }
   
   /* Paragraph */
   .yeet .post p{
    top:0px !important;
    left:0px;
   }
   
   /* Link */
   .post p a{
    color:#ffffff;
   }
   
   /* Like button */
   .ARGHH div .like-button{
    color:#ffffff;
    top:0px;
    left:0px;
   }
   
   /* Comment button */
   .ARGHH div .comment-button{
    color:#ffffff;
    top:0px;
    left:41px;
   }
   
   /* Report */
   .ARGHH div .report-btn{
    background-color:rgba(255,255,255,0);
    color:#ffffff;
    top:-8px;
    left:86px;
   }
   
   /* Viewcount */
   #viewcount{
    top:-16px !important;
   }
   
   /* Division */
   .post .ARGHH div{
    position:relative;
    top:16px;
   }
   
   /* Post Division */
.yeet .post{
    width:95.8%;
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-bottom-color:#545454;
    border-top-left-radius:0px;
    border-top-right-radius:0px;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
   }
   
/* Comment content */
#comment-content{
    width:76% !important;
    min-width:7%;
    margin-left:14px;
   }
   
   /* Md elevated button */
   #comment-form md-elevated-button{
    top:575px;
    width:20%;
   }
   
/* Md elevated button */
#comment-form md-elevated-button{
    position:absolute;
    left:688px;
   }
   
   /* Comment content */
   #comment-content{
    width:96% !important;
    min-width:1%;
    transform:translatex(0px) translatey(0px);
   }
   
   /* Write comment */
   .yeet .write-comment{
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-bottom-color:#707070;
   }
   
      /* Md elevated button */
#comment-form md-elevated-button{
    left:75%;
   }
   
   /* Comment content */
#comment-content{
    padding-right:225px;
    width:72% !important;
   }
   
      /* Paragraph */
.comment-section-complete p{
    left:0px !important;
   }
   
   /* Comments */
   .comment-section-complete .comments{
    left:0px !important;
   }
   
   /* Comment section complete */
   .comment-section-complete{
    top:0px;
    left:27% !important;
    padding-left:29px;
    width:35% !important;
   }
   
   /* Md elevated button */
#comment-form md-elevated-button{
    position:relative;
    top:-86px;
    left:77%;
   }
   
   /* Comments */
.comment-section-complete .comments{
    width:auto !important;
   }
   
   /* Comment form */
#comment-form{
    height:117px;
   }
   
   @media (max-width:1754px){

    /* Yeet */
    .yeet{
     left:15.1% !important;
     width:60.7% !important;
    }
    
    /* Comment content */
    #comment-content{
     width:75% !important;
    }
    
    /* Comment section complete */
    .comment-section-complete{
     left:15.1% !important;
     display:inline-block;
     transform:translatex(0px) translatey(0px) !important;
     width:5% !important;
    }
    
   }   

   @media (max-width:1754px){

    /* Comment section complete */
    .comment-section-complete{
     width:59% !important;
    }
    
   }
   @media (max-width:1754px){

    /* Comment content */
    #comment-content{
     width:75%;
     max-width:75%;
    }
    
   }

   /* Md elevated button */
#comment-form md-elevated-button{
    top:-78px;
   }
   
   @media (max-width:1484px){

    /* Comment content */
    #comment-content{
     width:60.2% !important;
    }
    
    /* Md elevated button */
    #comment-form md-elevated-button{
     left:65%;
    }
    
   }

   @media (max-width:1484px){

    /* Post Division */
    .yeet .post{
     width:83.4%;
    }
    
   }

   @media (max-width:1038px){

    /* Yeet */
    .yeet{
     width:85% !important;
    }
    
    /* Post Division */
    .yeet .post{
     width:95%;
    }
    
    /* Comment content */
    #comment-content{
     width:71% !important;
    }
    
    /* Md elevated button */
    #comment-form md-elevated-button{
     left:75%;
    }
    
    /* Comment section complete */
    .comment-section-complete{
     width:83% !important;
    }
    
   }

   @media (max-width:922px){

    /* Comment content */
    #comment-content{
     width:69% !important;
    }
    
   }

   @media (max-width:845px){

    /* Comment content */
    #comment-content{
     width:65% !important;
    }
    
   }

   @media (max-width:768px){

    /* Comment content */
    #comment-content{
     width:63% !important;
     max-width:63%;
    }
    
   }

   @media (max-width:699px){

    /* Comment content */
    #comment-content{
     width:60% !important;
    }
    
    /* Md elevated button */
    #comment-form md-elevated-button{
     width:27%;
     left:69%;
    }
    
   }

   @media (max-width:699px){


    
    /* Yeet */
    .yeet{
     top:224px;
     left:0px !important;
     width:auto !important;
    }
    
    /* Comment section complete */
    .comment-section-complete{
     left:0px !important;
     top:218px;
     width:95% !important;
    }
    
   }

   @media (max-width:576px){

    /* Comment content */
    #comment-content{
     width:59% !important;
     max-width:59%;
    }
    
   }

   @media (max-width:575px){

    /* Comment content */
    #comment-content{
     width:52% !important;
     max-width:52%;
    }
    
   }

   @media (max-width:440px){

    /* Comment content */
    #comment-content{
     width:100% !important;
     padding-right:0px;
     max-width:60%;
    }
    
    /* Md elevated button */
    #comment-form md-elevated-button{
     left:0%;
     top:20px;
    }
    
   }


    /* Commentlogin */
.yeet .commentlogin{
    left:0px;
    top:0px;
    text-align:center;
   }
   
   body {
    overflow-x: hidden;
}   


   /* Heading */
.yeet .post h2{
    top:-13px;
   }
   
           .normal-grey {
            font-weight: normal;
            color: grey;
        }

        /* Viewcount */
#viewcount{
    color:#424242;
   }
   
/* Hahahihi */
.post p hahahihi{
    color:#777777;
   }
   


    /* Yeet */
    .yeet{
     left:27.7% !important;
     width:35.7% !important;
    }
    
    /* Comment section complete */
    .comment-section-complete{
     left:27.7% !important;
     width:34.4% !important;
    }
    
    @media (max-width:1550px){

        /* Yeet */
        .yeet{
         left:164px !important;
         width:57.8% !important;
        }
        
        /* Comment section complete */
        .comment-section-complete{
         left:164px !important;
         width:56% !important;
        }
        
       }

       @media (max-width:1484px){

        /* Post Division */
        .yeet .post{
         width:100%;
        }
        
        /* Yeet */
        .yeet{
         width:57% !important;
        }
        
       }

       @media (max-width:1246px){

        /* Yeet */
        .yeet{
         width:100% !important;
         left:0px !important;
         margin-left:164px;
        }
        
        /* Post Division */
        .yeet .post{
         padding-top:0px;
         padding-bottom:0px;
         padding-right:0px;
         padding-left:23px;
        }
        
       }

       @media (max-width:1246px){

        /* Yeet */
        .yeet{
         width:auto !important;
         margin-right:379px;
        }
        
        /* Comment section complete */
        .comment-section-complete{
         left:0px !important;
         width:630px !important;
         padding-left:0px;
         margin-left:200px;
        }
        
       }

       @media (max-width:1150px){

        /* Yeet */
        .yeet{
         margin-right:0px;
        }
        
        /* Comment section complete */
        .comment-section-complete{
         width:100% !important;
        }
        
       }

       @media (max-width:900px){

        /* Yeet */
        .yeet{
         margin-left:0px;
         top:60px;
        }
        
        /* Comment section complete */
        .comment-section-complete{
         margin-left:0px;
         top:49px;
        }
        
        /* Post Division */
        .yeet .post{
         width:auto;
        }
        
       }

       @media (max-width:900px){

        /* Blur background */
        .blur-background{
         z-index:943;
         width:100%;
         height:60px;
         display:flex;
        }
        
       }

       @media (max-width:900px){

        /* Blur background */
        .blur-background{
         display:flex;
         position:fixed;
        }
        
       }

       /* Link */
.url-metadata .url-metadata-item a{
    display:flex;
    color:#ffffff;
    text-decoration:none;
   }
   
   /* Image */
   .yeet .post .url-metadata .url-metadata-item a img{
    height:auto !important;
   }
   
   /* Image */
   .url-metadata-item a img{
    width:252px;
    border-top-left-radius:25px;
    border-top-right-radius:25px;
    border-bottom-left-radius:25px;
    border-bottom-right-radius:25px;
   }
   
   /* Url metadata */
   .yeet .post .url-metadata{
    border-style:solid;
    border-width:1px;
    border-color:#5e5e5e;
    border-top-left-radius:25px;
    border-top-right-radius:25px;
    border-bottom-left-radius:25px;
    border-bottom-right-radius:25px;
    background-color:#191919;
   }
   
   /* Url text */
   .url-metadata-item a .url-text{
    padding-left:14px;
   }
   
   @media (max-width:1484px){

    /* Url metadata */
    .yeet .post .url-metadata{
     width:90% !important;
    }
    
   }
   
   @media (max-width:513px){

    /* Image */
    .yeet .post .url-metadata .url-metadata-item a img{
     width:auto !important;
     height:66px !important;
    }
    
   }


    /* Image */
    .yeet .post .url-metadata .url-metadata-item a img{
     width:33% !important;
     height:auto !important;
    }


    /* Image */
.url-metadata-item a img{
    display:flex;
   }
   
   
    /* Image */
    .yeet .post .url-metadata .url-metadata-item a img{
     height:100% !important;
     width:257px !important;
    }
    
    @media (max-width:699px){

        /* Image */
        .yeet .post .url-metadata .url-metadata-item a img{
         width:100% !important;
         height:100% !important;
        }
        
        /* Link */
        .url-metadata .url-metadata-item a{
         display:block;
        }
        
       }

       @media (max-width:900px){

        /* Heading */
        .yeet .post h2{
         white-space:pre-line;
        }
        
       }

       /* Like button */
.ARGHH div .like-button{
    cursor:pointer;
   }
   
/* Comment button */
.ARGHH div .comment-button{
    cursor:pointer;
   }
   
   /* Report */
   .ARGHH div .report-btn{
    cursor:pointer;
   }
   
/* Share */
.ARGHH div .share-btn{
    position:relative;
    left:82px;
   }
   
   .buttonshare{   
    --md-sys-color-primary:rgb(0, 0, 0);
    --md-sys-color-surface:rgb(0, 0, 0);
    --md-sys-color-on-surface:rgb(0, 0, 0);
    --md-sys-color-secondary:rgb(0, 0, 0);}   
    
    /* Share */
.ARGHH div .share-btn{
    background-color:rgba(240,240,240,0);
    border-style:none;
    width:30px;
    height:30px;
    left:74px;
    top:0px;
   }
   
   /* Font Icon */
   .ARGHH .share-btn i{
    color:#ffffff;
    font-size:16px;
   }
   
   /* Comment button */
   .ARGHH div .comment-button{
    top:5px;
   }
   
   /* Report */
   .ARGHH div .report-btn{
    top:-4px;
   }
   
   /* Share */
   .ARGHH div .share-btn{
    cursor:pointer;
   }
   
   /* Shareposttext */
#dialog .shareposttext{
    background-color:#ffffff;
    color:#000000;
   }
   
   /* Form */
   #form-id{
    background-color:#ffffff;
   }
   
   /* Division */
   #dialog div{
    background-color:#ffffff;
   }
   
  /* Like button */
.ARGHH div .like-button{
    color:#707070;
   }
   
   /* Comment button */
   .ARGHH div .comment-button{
    color:#7a7a7a;
   }
   
   /* Report */
   .ARGHH div .report-btn{
    color:#6b6b6b;
   }
   
   /* Font Icon */
   .ARGHH .share-btn i{
    color:#757575;
   }
   
/* Like comment button */
.comments .comment .like-comment-button{
    color:#7a7a7a;
   }
   
   /* Link */
   .comment .commentcommentcount a{
    color:#686868;
   }
   
/* Like comment button */
.comments .comment .like-comment-button{
    cursor:pointer;
   }
   
            
   /* Link */
#markdown-content p a{
    color:#3b4ce6;
   }
   
/* Link */
#markdown-content p a{
    top:0px;
    left:0px;
   }
   
      
/* Url metadata */
.yeet .post .url-metadata{
    margin-bottom:33px;
   }   

   /* Link */
.post .post-content a{
    overflow:hidden;
   }
   
   /* Comment */
.comment-section-complete .comments .comment{
    border-bottom-style:solid;
    border-bottom-color:#424242;
    border-bottom-width:1px;
   }
   
/* Comment */
.comment-section-complete .comments .comment{
    padding-top:14px;
   }
   
/* Comment */
.comment-section-complete .comments .comment{
    padding-left:19px;
   }
   
   /* Paragraph */
   .comment-section-complete p{
    padding-left:15px;
   }
   
   @media (min-width:1247px){
   
    /* Comment section complete */
    .comment-section-complete{
     padding-left:0px;
    }
    
   }
   
   .comment-section-complete .comments .comment {
    transition: background-color 0.3s ease;
}

.comment-section-complete .comments .comment:hover{
    background-color: rgb(22, 22, 22);
   }  

   /* Image */
.yeet .post a img{
    width:auto !important;
   }
   
   /* Image */
   .post a img{
    max-height:479px;
   }