*{
          margin:0rem;
          padding:0rem;
          user-select:none;
          box-sizing:border-box;
          scrollbar-width:none;
      }
      
      img{width:100%;height:100%;margin:0rem;display: block;}
      a{text-decoration:none}
      
      body{background:black;margin:0rem;}
      
      header#character-page-header{
          width:100%;
          background:none;
      }
      
      div#header-exit-details{
          width:100%;
          height:4rem;
          display:flex;
          position:absolute;
          background:none;
          padding:0.5rem 1rem 0.5rem 1rem;
          justify-content:space-between;
          align-items:center;
      }
      
      div#exit-characters{
          width:3rem;
          height:100%;
          border-radius:50%;
          background:#892323;
          padding:0.5rem;
          -webkit-tap-highlight-color: transparent;

      }
      
      div#character-gender{
          width:4rem;
          height:100%;
          background:none;
          display:flex;
          justify-content:center;
          align-items:center;
      }
      
      p#character-gender{
          font-weight:bold;
          
      }
      
     main.character-details-main{
          padding:1rem;
     }
     
      p#character-name-detail{
          font-size:0.9rem;
          color:white;
      }
      
      p#character-name{
          color:white;
          font-weight:bold;
          font-size:1.5rem;
          padding-top:0.3rem;
      }
      
      div#section-title{
          width:100%;
          height:4rem;
          background:none;
          margin:2rem 0 0rem 0;
          display:flex;
      }
      
      div#section-name-box{
          width:20%;
          height:100%;
          background:none;
          display:flex;
          justify-content:center;
          align-items:center;
      }
      
      p#section-name{
          font-weight:bold;
          font-size:1.2rem;
          color:white;
      }
      
      div#section-line-box{
          width:80%;
          height:100%;
          display:flex;
          align-items:center;
          padding-left:1rem;
      }
      
      div#section-line{
          width:80%;
          height:0.1rem;
          background:white;
      }
      
      section.other-characters-section{
          width:100%;
          height:5rem;
          background:none;
      }
      
      div#indicator{
          width:100%;
          height:1rem;
          background:none;
          display:flex;
          justify-content:flex-end;
      }
      
      p#indicator{
          color:white
      }
      
      section.other-characters-container{
          background:none;
          width:100%;
          height:4rem;
          padding:1rem 0 0 5rem;
          display:flex;
          overflow-x:scroll;
          align-items:center;
      }
      
      div#other-character-box{
          min-width:3rem;
          height:100%;
          background:none;
          border-radius:0.5rem;
          margin-right:1.5rem
      }
      
      img#other-character-box{
          border-radius:0.5rem;
      }
      
      section.character-details{
          width:100%;
          height:auto;
          background:#892323;
          border-radius:1rem ;
          margin-top:3rem;
          padding:1rem;
      }
      
      section.title-details{
          width:100%;
          height:4rem;
          background:none;
      }
      
      p#title-details{
          font-size:1.3rem;
          font-weight:bold;
          color:white;
      }
      
      div#title-details-line{
          width:30%;
          height:0.2rem;
          background:white;
          margin:0.3rem 0 1rem 0;
      }
      
      p#basic-details{
          color:white;
          font-size:1.1rem;
      }
      
      p#subtitle{
          color:white;
          font-size:1.1rem;
          font-weight:bold;
          margin-bottom:1rem;
      }
      
      ul{
          background:none;
          padding:1rem;
      }
      
      li,a{
          color:white;
          margin-bottom:0.5rem;
      }
      
      p#backstory{
          color:white;
          word-spacing:3px;
      }