#wrapper .pixel {align-self:center;margin:0px 0 375px -90px;z-index:999;position:relative}



body {font-family:'Oxygen';background:#ffffff url('floral.jpg') fixed;background-position:14% 34%;font-size:12px;color:#444756;}
body, a {cursor:url(Normal.png), auto }
body a:hover {cursor:url(Precision.png), auto}
body b, strong, a {font-family:'Mulish'}
body i, em {font-family:'Cutive Mono';color:#e28383}
body h1 {font-family:'Balsamiq Sans';letter-spacing:1px;margin-bottom:0px;font-size:1.8em;color:#fbcb95}
body h1::first-letter {color:#f9bf59}
body h1::after {color:#f9bf59;content:";"}

::selection {
    color: #c4c2ea;
    background-color: #fff; 
}

::-moz-selection {
    color: #c4c2ea; 
    background-color: #fff; 
}

::-webkit-selection {
    color: #c4c2ea; 
    background-color:  #fff;
}

#wrapper {display: flex;height:95vh;justify-content: center;align-items: center;}

#wrapper .middle {padding:15px;border-radius:0px;border:0px solid black;max-width:640px;max-height:380px;background:linear-gradient(135deg, rgba(255,255,255,0.0) 0%, rgba(255,214,228,.0) 46%, rgba(255,255,255,.0) 100%);}
#wrapper .middle .content {border-radius:0px;;overflow:auto;display: flex;flex-direction:row;align-items: center;border:1px solid #f7b7cd;padding:10px;max-height:360px;overflow:hidden;background: url('border.gif');}
#wrapper .middle .content .box2 blockquote {border-left:2px solid #444756;margin-left:10px;padding-left:10px;}
#wrapper .middle .content .box2 strong {position:relative;color:#91c4bf}
#wrapper .middle .content .box2 strong::before {
  /* Highlight color */
  background-color: rgb(154,237,185,.32);

  content: "";
  position: absolute;
  width: calc(100% + 5px);
  height: 60%;
  left: 2px;
  bottom: 1px;
  z-index: 1;
  transform: rotate(1deg);
}
#wrapper .middle .content .box2 .bio2 a {position:relative;color:#9988ce;text-decoration:none;font-weight:bold;}
#wrapper .middle .content .box2 .bio2 a:hover {color:#ed9acd;transition:.5s}
#wrapper .middle .content .box2 .bio2 a::before {
  /* Highlight color */
  background-color: rgb(184,154,237,.32);

  content: "";
  position: absolute;
  width: calc(100% + 4px);
  height: 60%;
  left: -2px;
  bottom: 0;
  z-index: 1;
  transform:rotate(-2deg) ;
}
#wrapper .middle .content .box1 {border:0px solid black;width:30%;margin:10px 0 10px 0;text-align:justify;height:340px;font-size:0.9em;}
#wrapper .middle .content .box1 .bio {background: white;height:40%;margin:0px 5px 3px 5px;border-radius:0px 0px 4px 4px ;border:1px solid #f4d0dc;;overflow:auto;}
#wrapper .middle .content .box1 .bio h1 {font-size:1.5em;padding:10px 3px 0px 5px;margin-left:1px;}
#wrapper .middle .content .box1 .bio li {list-style:none;padding:3px;margin:6px 6px 6px 6px;background:#fff;border-radius:4px;font-family:'Mulish';font-size:1.1em}
#wrapper .middle .content .box1 .bio .iconsax {
    --Iconsax-Size:16px;
    margin:0 12px 0 1px;
}

.carousel {z-index:999999}
#wrapper .middle .content .box1 .bio li:nth-of-type(1) .iconsax {--Iconsax-Color:#e07f81}
#wrapper .middle .content .box1 .bio li:nth-of-type(2) .iconsax {--Iconsax-Color:#85c185}
#wrapper .middle .content .box1 .bio li:nth-of-type(3) .iconsax {--Iconsax-Color:#9597d6}
#wrapper .middle .content .box1 .sidepic {height:60%;border-radius:4px 4px 0px 0px;border:1px solid #f4d0dc;background-position:top;margin:0px 5px 2px 5px;
overflow:hidden;background:white;}
#wrapper .middle .content .box1 .sidepic .sidepica {height:100%;width:100%;background:url('chelsea.png');background-size:cover}
#wrapper .middle .content .box1 .sidepic .sidepicb {height:100%;width:100%;background:url('chelsea2.png');background-size:cover}
#wrapper .middle .content .box1 .sidepic .sidepicc {height:100%;width:100%;background:url('chelsea3.png');background-size:cover}
#wrapper .middle .content .box1 .sidepic .sidepicd {height:100%;width:100%;background:url('chelsea4.png');background-size:cover}
#wrapper .middle .content .box1 .sidepic2 {z-index:999999;margin:-20% 5px -10% 5px;display: flex;flex-direction:row;justify-content: center;align-items: center;}
#wrapper .middle .content .box1 .sidepic2 a {z-index:999999;font-family:'Balsamiq Sans';text-align:center;width:13px;height:13px;padding:2px;background:white;border-radius:25%;margin:14px 4px 0px 4px;text-decoration:none;border:1px solid white;color:#dd8bb4;transition:0.5s;font-weight:bold;}
#wrapper .middle .content .box1 .sidepic2 a:nth-of-type(1) {background:rgb(255,242,246);}
#wrapper .middle .content .box1 .sidepic2 a:nth-of-type(2) {background:rgb(255,214,234);}
#wrapper .middle .content .box1 .sidepic2 a:nth-of-type(3) {background:rgb(255,201,229);}
#wrapper .middle .content .box1 .sidepic2 a:nth-of-type(4) {background:rgb(255,191,218);}
#wrapper .middle .content .box1 .sidepic2 a:nth-of-type(1):hover {color:#e07f81;}
#wrapper .middle .content .box1 .sidepic2 a:nth-of-type(2):hover {color:#85c185;}
#wrapper .middle .content .box1 .sidepic2 a:nth-of-type(3):hover {color:#9597d6;}
#wrapper .middle .content .box1 .sidepic2 a:nth-of-type(4):hover {color:#ba95d6;}
#wrapper .middle .content .box1 .sidepic2 img {z-index:99999;padding:3px;background:white;border-radius:100%;width:45px;height:45px;margin:0px 5px 0;}
#wrapper .middle .content .box2 {border-radius:4px;border:1px solid #f4d0dc;height:340px;width:70%;text-align:justify;margin:0px 5px 3px 5px;background:white;}
#wrapper .middle .content .box2 {display:inline-block;}
#wrapper .middle .content .box2 .sidecontent .bio2 {padding:0px 10px 0px 10px;position: relative;}
#wrapper .middle .content .box2 .sidecontent .bio2 .tab {height:300px;overflow:auto;scrollbar-width: none;}
#wrapper .middle .content .box2 .sidecontent .bio2 .tab .interests {}
#wrapper .middle .content .box2 .sidecontent .bio2 .tab .interests li {font-weight:bold;font-family:'Mulish';list-style:none;}
#wrapper .middle .content .box2 .sidecontent .bio2 .tab .interests blockquote {text-align:left; border-left:3px solid #a8a8dd;padding:0px 0px 0px 6px;font-size:0.9em}
#wrapper .middle .content .box2 .sidecontent .bio2 .tab .credits {line-height:125%;border:1px dashed #e5ae8e;border-radius:6px;text-align:center;margin:5px;padding:0px 0px 3px 0px}
#wrapper .middle .content .box2 .sidecontent .bio2 .tab .credits li {list-style:none;display:inline-block;padding:3px;margin:-5px 3px 5px 3px}
#wrapper .middle .content .box2 .sidecontent .bio2 .tab .credits li::after {content:"";}
#wrapper .middle .content .box2 .sidecontent .bio2 .tab .credits li a {font-family:'Cutive Mono';text-decoration:none}
#wrapper .middle .content .box2 .sidecontent .bio2 .tab .credits li:nth-of-type(2n) a {color:#f495bb}
#wrapper .middle .content .box2 .sidecontent .bio2 .tab .credits li:nth-of-type(2n+1) a {color:#82c1d8}
#wrapper .middle .content .box2 .sidecontent .bio2 .tab .credits li a:hover {letter-spacing:2px;opacity:.8}
#wrapper .middle .content .box2 .sidecontent .bio2 .tab .credits li a::before {display:none}

#wrapper .middle .content .box2 .sidecontent .bio2 .tab .outbound {text-align:left;margin:5px;padding:0px 0px 3px 0px;display: flex;justify-content: center;align-items: center;}
#wrapper .middle .content .box2 .sidecontent .bio2 .tab .outbound .side1 {width:50%}

#wrapper .middle .content .box2 .sidecontent .bio2 .tab .outbound .side2 {width:50%}
#wrapper .middle .content .box2 .sidecontent .bio2 .tab .outbound li {font-family:'Mulish';font-size:0.9em;list-style:none;padding:3px;margin:0px 3px 0px 3px}
#wrapper .middle .content .box2 .sidecontent .bio2 .tab .outbound li .comment {height:0;opacity:0;transition:all 0.5s;color:#4b4e5e;transition-delay:0.2s}
#wrapper .middle .content .box2 .sidecontent .bio2 .tab .outbound li:hover .comment {height:auto;opacity:1}
#wrapper .middle .content .box2 .sidecontent .bio2 .tab .outbound li a::before {display:none}
#wrapper .middle .content .box2 .sidecontent .bio2 .tab .outbound li img {height:25px;}
#wrapper .middle .content .box2 .sidecontent .bio2 .tab .outbound li b {color:#86c2d8;position:relative;text-transform:uppercase}
#wrapper .middle .content .box2 .sidecontent .bio2 .tab .outbound li .comment::first-letter {color:#70abc9}
#wrapper .middle .content .box2 .sidecontent .bio2 .tab .outbound li b::after {content: ";";color:#70abc9;margin-right:2px;}
#wrapper .middle .content .navi {height:29px;margin:0px 10px 0 10px;background:transparent;text-align:center;border-bottom:1px dotted #f4a6bf;}
#wrapper .middle .content .navi li {list-style:none;display:inline-block;padding:5px 20px 5px 20px;}
#wrapper .middle .content .navi .iconsax {
    --Iconsax-Size:16px;
     --Iconsax-Color:#fff;
     padding:2px;
     border-radius:100%;
}

#wrapper .middle .content .navi li:nth-of-type(1) .iconsax {
  background: #f7b4b5}
  #wrapper .middle .content .navi li:nth-of-type(2) .iconsax {
  background: #b7e8b7}
  #wrapper .middle .content .navi li:nth-of-type(3) .iconsax {
  background: #c6dcef}
  
  #wrapper .middle .content .navi li:nth-of-type(4) .iconsax {
  background: #f4e5a6}
  #wrapper .middle .content .navi li:hover .iconsax {background:white;transition:0.5s;}
  #wrapper .middle .content .navi li:nth-of-type(1):hover .iconsax {--Iconsax-Color:#f7b4b5;}
  #wrapper .middle .content .navi li:nth-of-type(2):hover .iconsax {--Iconsax-Color:#b7e8b7;}
  #wrapper .middle .content .navi li:nth-of-type(3):hover .iconsax {--Iconsax-Color:#c6dcef;}
  #wrapper .middle .content .navi li:nth-of-type(4):hover .iconsax {--Iconsax-Color:#f4e5a6;}
  
#wrapper .middle .content .box2 .sidecontent .bio2 .tab {
display:none;
}
#wrapper .middle .content .box2 .sidecontent .bio2 .tab.active {
display:block;
}

@media screen and (max-width: 1000px) {
    #wrapper {margin:0;display: flex;height:100%;width:100%;justify-content: center;align-items: center;flex-direction:row;overflow:hidden;}
    #wrapper .middle {width:90%;height:100%;max-height:100vh}
    #wrapper .middle .content {flex-direction:column;height:100%;width:auto;max-height:100vh}
    #wrapper .middle .content .box1 {display:none}
    #wrapper .middle .content .box2 {border-radius:4px;border:1px solid #f4d0dc;height:100%;width:100%;text-align:justify;margin:0px 5px 3px 5px;background:white;}
#wrapper .middle .content .box2 {display:inline-block;width:100%}
#wrapper .middle .content .box2 .sidecontent .bio2 {padding:0px 10px 0px 10px;position: relative;height:100%;}
#wrapper .middle .content .box2 .sidecontent .bio2 .tab {}
    }
    
    #wrapper .pixel {margin-top:20px;padding-bottom:-10px;z-index:999;position:relative}