body {
  max-width: 780px;
  margin: 70px auto;
  padding: 10px;
  font-family: Roboto Slab,Arial, Helvetica, sans-serif;
  color: white;
  /*! font-size: 18px; */
  background-image:url("tile.png");
 
}
  a:link {
    color: rgb(47, 47, 168)
  }
  a:visited {
    color:#8e96f0
  }

  img { 
    image-rendering: optimizeSpeed;             /* STOP SMOOTHING, GIVE ME SPEED  */
    image-rendering: -moz-crisp-edges;          /* Firefox                        */
    image-rendering: -o-crisp-edges;            /* Opera                          */
    image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */
    image-rendering: pixelated;                 /* Universal support since 2021   */
    image-rendering: optimize-contrast;         /* CSS3 Proposed                  */
    -ms-interpolation-mode: nearest-neighbor;   /* IE8+                           */
}


.logo{
	height: 95px;
}

.uhohgirlies {
        text-align: center;
  transition: 0.2s;
    }
.uhohgirlies:hover {
   filter: hue-rotate(40deg);
    animation: dape 1s;
        
    }
figure {
	margin: 10px;
	border: 5px solid;
	border-radius: 20px;
	background: black;
	color: white;
	border-color: black;
	width: min-content;
	border-top-width: 12px;
	float: right;
}
.figureright {
	margin: 10px;
	border: 5px solid;
	border-radius: 20px;
	background: black;
	color: white;
	border-color: black;
	width: min-content;
	border-top-width: 12px;
	float: left;
}
@media only screen and (max-width: 768px) {
  figure {
    display: inline-block;
    float: none;
	border: 20px solid;
    border-color: black;
    transition: ease 0.5s; 
  }
}
@media only screen and (max-width: 768px) {
  .figureright {
    display: inline-block;
    float: none;
	border: 20px solid;
    border-color: black;
    transition: ease 0.5s; 
  }
}
@keyframes dape {
  0% { transform: translate(0px, 1px) rotate(0deg); }
  50% { transform: translate(0px, -2px) rotate(0deg); }
}
a[href^="http"]::after {
  content: "";
  display: inline-block;
  width: 0.8em;
  height: 0.8em;
  margin-left: 0.25em;
  background-size: 100%;
  background-image: url("https://cdn-icons-png.flaticon.com/512/7794/7794669.png");
}
.pintinho{
background-color: #fffbf1;border: dashed;padding-left: 10px;padding-right: 10px;border-bottom-width: 3px;padding-top: 6px;
border-radius: 40px;
color: black;
  }
  .collapsible {
    border-radius:10px;
    background-color: #000;
    color: white;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
  }
  
  .active, .collapsible:hover {
    background-color: #000;
  }
  
  .content {
    padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    background-color: #f1f1f1;
  }
  .collapsible:after {
    content: '\02795'; /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color: white;
    float: right;
    margin-left: 5px;
  }
  
  .active:after {
    content: "\2796"; /* Unicode character for "minus" sign (-) */
  }