body, html {
    height: 100%; 
    margin: 0;
    padding: 0;
    background-color: #FFC658; 
  }
  .logo-container {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2; 
}   
  .logo {
    width: 250px; 
    height: auto;
  }
  .wrapper {
    width: 200px;
    height: 60px;
    position: absolute;
    top: calc(50% + 80px); 
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}
  
  .circle {
      width: 20px;
      height: 20px;
      position: absolute;
      border-radius: 50%;
      background-color: #fff;
      left: 15%;
      transform-origin: 50%;
      animation: circle7124 .5s alternate infinite ease;
  }
  
  .circle:nth-child(2) {
      left: 45%;
      animation-delay: .2s;
  }
  
  .circle:nth-child(3) {
      left: auto;
      right: 15%;
      animation-delay: .3s;
  }
  
  @keyframes circle7124 {
      0% {
        top: 60px;
        height: 5px;
        border-radius: 50px 50px 25px 25px;
        transform: scaleX(1.7);
      }
    
      40% {
        height: 20px;
        border-radius: 50%;
        transform: scaleX(1);
      }
    
      100% {
        top: 0%;
      }
  }
  
  .shadow {
      width: 20px;
      height: 4px;
      border-radius: 50%;
      background-color: rgba(0,0,0,0.9);
      position: absolute;
      top: 62px;
      transform-origin: 50%;
      z-index: -1;
      left: 15%;
      filter: blur(1px);
      animation: shadow046 .5s alternate infinite ease;
  }
  
  .shadow:nth-child(4) {
      left: 45%;
      animation-delay: .2s;
  }
  
  .shadow:nth-child(5) {
      left: auto;
      right: 15%;
      animation-delay: .3s;
  }
  
  @keyframes shadow046 {
      0% {
        transform: scaleX(1.5);
      }
    
      40% {
        transform: scaleX(1);
        opacity: .7;
      }
    
      100% {
        transform: scaleX(.2);
        opacity: .4;
      }
  }

.card {
    width: fit-content;
    height: fit-content;
    background-color: #FFC658;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px;
    gap: 20px;
    position: fixed;       
    bottom: 0;            
    left: 50%;             
    transform: translateX(-50%); 
    z-index: 100;          
  
}

  

  .socialContainer {
    width: 52px;
    height: 52px;
    background-color: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition-duration: .3s;
  }
  /* instagram*/
  .containerOne:hover {
    background-color: #d62976;
    transition-duration: .3s;
  }
  /* twitter*/
  .containerTwo:hover {
    background-color: #00acee;
    transition-duration: .3s;
  }
  /* linkdin*/
  .containerThree:hover {
    background-color: #0072b1;
    transition-duration: .3s;
  }
  /* Whatsapp*/
  .containerFour:hover {
    background-color: #128C7E;
    transition-duration: .3s;
  }
  
  .socialContainer:active {
    transform: scale(0.9);
    transition-duration: .3s;
  }
  
  .socialSvg {
    width: 17px;
  }
  
  .socialSvg path {
    fill: rgb(255, 255, 255);
  }
  
  .socialContainer:hover .socialSvg {
    animation: slide-in-top 0.3s both;
  }
  
  @keyframes slide-in-top {
    0% {
      transform: translateY(-50px);
      opacity: 0;
    }
  
    100% {
      transform: translateY(0);
      opacity: 1;
    }
  }  
  .container {
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  
  .container h1 {
    padding: 0;
    margin: 0;
    color: #000;
    text-shadow: -3px 1px 2px rgba(84, 84, 84, 0.5);
    font-size: 50px;
    font-family: "Asap", sans-serif;
    white-space: nowrap; 
    overflow: hidden;    
    text-overflow: ellipsis; 
  }
  
  .container p {
    color: green;
    font-size: 18px;
    margin: 0;
    line-height: 35px;
  }
  
  span {
    display: inline-block;  
    white-space: nowrap;    
    overflow: hidden;      
  }
  
  span::before {
    content: '';
    display: inline-block;  
    animation: animate infinite 5s;
    white-space: nowrap;    
    overflow: hidden;       
  }
  
  
.btn-shine {
  position: absolute;
  top: 80%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 12px 48px;
  color: #fff;
  background: linear-gradient(to right, #9f9f9f 0, #fff 10%, #000000 20%);
  background-position: 0;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shine 3s infinite linear;
  animation-fill-mode: forwards;
  -webkit-text-size-adjust: none;
  font-weight: 400;
  font-size: 32px;
  text-decoration: none;
  white-space: nowrap;
  font-family: "Asap", sans-serif;
}
@-moz-keyframes shine {
  0% {
    background-position: 0;
  }
  60% {
    background-position: 280px;
  }
  100% {
    background-position: 280px;
  }
}
@-webkit-keyframes shine {
  0% {
    background-position: 0;
  }
  60% {
    background-position: 280px;
  }
  100% {
    background-position: 280px;
  }
}
@-o-keyframes shine {
  0% {
    background-position: 0;
  }
  60% {
    background-position: 280px;
  }
  100% {
    background-position: 280px;
  }
}
@keyframes shine {
  0% {
    background-position: 0;
  }
  60% {
    background-position: 280px;
  }
  100% {
    background-position: 280px;
  }
}

  
  @media screen and (max-width: 600px) {
    .container h1 {
      font-size: 35px; 
    }
  }
  
  
  .load{
    background: #000000;
    color: #000;
    height:5px;
  }
  
  .icon{
    width: 30px;
    height: 30px;
    background: blue;
    margin: 5px;
  }
  
  .dribbble{
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaWQ9IkxheWVyXzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEyOCAxMjg7IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjggMTI4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQoJLnN0MXtmaWxsOm5vbmU7c3Ryb2tlOiM0NDRCNTQ7c3Ryb2tlLXdpZHRoOjY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwO30KCS5zdDJ7ZmlsbDojNzZFQ0ZGO30KCS5zdDN7ZmlsbDojRTRFN0U3O30KCS5zdDR7ZmlsbDojRkY2OTdCO30KCS5zdDV7ZmlsbDojNjU5RUM5O30KCS5zdDZ7ZmlsbDojNDQ0QjU0O30KCS5zdDd7ZmlsbDojQTRGNEM0O30KCS5zdDh7ZmlsbDojMDZBMThDO30KCS5zdDl7ZmlsbDojOEZFNUI1O30KCS5zdDEwe29wYWNpdHk6MC41O2ZpbGw6IzA2QTE4Qzt9Cgkuc3QxMXtvcGFjaXR5OjAuNTt9Cgkuc3QxMntmaWxsOiNGRkRCQUI7fQoJLnN0MTN7ZmlsbDojRDE4NjY5O30KCS5zdDE0e2ZpbGw6I0ZDRjA5RDt9Cgkuc3QxNXtmaWxsOm5vbmU7c3Ryb2tlOiNGRkZGRkY7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQoJLnN0MTZ7ZmlsbDojRURFQ0VCO30KCS5zdDE3e2ZpbGw6IzRGQkJDNjt9Cgkuc3QxOHtkaXNwbGF5Om5vbmU7fQoJLnN0MTl7ZGlzcGxheTppbmxpbmU7ZmlsbDojNUVDOEQzO30KCS5zdDIwe2Rpc3BsYXk6aW5saW5lO30KCS5zdDIxe2ZpbGw6I0VENzRBNTt9Cgkuc3QyMntmaWxsOiNDMTI3NjI7fQo8L3N0eWxlPjxnPjxjaXJjbGUgY2xhc3M9InN0MjEiIGN4PSI2NCIgY3k9IjY0IiByPSI0NSIvPjwvZz48Zz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzQsNDIuMWMtMC43LDAtMS40LTAuMi0xLjktMC43Yy0xLjMtMS4xLTEuNS0yLjktMC40LTQuMkMzOS43LDI3LjUsNTEuNSwyMiw2NCwyMmMxLjcsMCwzLDEuMywzLDMgICBzLTEuMywzLTMsM2MtMTAuNywwLTIwLjgsNC44LTI3LjcsMTMuMUMzNS43LDQxLjgsMzQuOCw0Mi4xLDM0LDQyLjF6Ii8+PC9nPjxwYXRoIGNsYXNzPSJzdDIyIiBkPSJNMTA4LjcsNjUuNmwtNy41LTIuMWMtOC44LTIuNS0xNy45LTIuOC0yNi42LTFjLTEuMS0yLjYtMi4zLTUuMi0zLjYtNy44YzEwLjItNC45LDE5LjQtMTEuOCwyNy4xLTIwLjUgIGMxLjEtMS4yLTMuNC01LjItNC41LTRjLTcuMiw4LjItMTUuOCwxNC42LTI1LjMsMTkuMWMtMi44LTUuMi01LjgtMTAuMi05LjEtMTVjLTAuOS0xLjQtMi44LTEuNy00LjItMC44Yy0xLjQsMC45LTEuNywyLjgtMC44LDQuMiAgYzMuMSw0LjUsNS45LDkuMiw4LjUsMTRjLTkuOCwzLjgtMjAuNSw1LjYtMzEuNCw1LjFjLTEuNy0wLjEtMy4xLDEuMi0zLjEsMi45Yy0wLjEsMS43LDEuMiwzLjEsMi45LDMuMWMxLjIsMCwyLjQsMC4xLDMuNiwwLjEgIGMxMC43LDAsMjEuMS0yLDMwLjgtNS44YzEuMSwyLjMsMi4yLDQuNiwzLjIsN2MtMi44LDAuOS01LjYsMi04LjQsMy40QzQ3LjcsNzMuOSwzOCw4NC44LDMzLjEsOTguMWMtMC42LDEuNiw1LjIsMy4zLDUuNiwyLjEgIGM1LjYtMTUuMSwxNy45LTI2LDMyLjQtMzAuNWM0LjUsMTEuNCw3LjcsMjMuMiw5LjUsMzUuMmMwLjIsMS41LDYuMiwwLjcsNS45LTAuOWMtMS44LTEyLjItNS4xLTI0LjItOS42LTM1LjggIGM3LjMtMS40LDE1LjEtMS4xLDIyLjYsMWw3LjUsMi4xQzEwOC42LDcxLjgsMTEwLjMsNjYsMTA4LjcsNjUuNnoiLz48Zz48Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSIyNy4xIiBjeT0iNTEuMiIgcj0iMyIvPjwvZz48Zz48cGF0aCBjbGFzcz0ic3Q2IiBkPSJNNjQsMTEyYy0yNi41LDAtNDgtMjEuNS00OC00OHMyMS41LTQ4LDQ4LTQ4YzQuOSwwLDkuNywwLjcsMTQuMywyLjJjNy40LDIuMywxNC4yLDYuNCwxOS43LDExLjkgICBDMTA3LDM5LjEsMTEyLDUxLjIsMTEyLDY0QzExMiw5MC41LDkwLjUsMTEyLDY0LDExMnogTTY0LDIyYy0yMy4yLDAtNDIsMTguOC00Miw0MnMxOC44LDQyLDQyLDQyYzIzLjIsMCw0Mi0xOC44LDQyLTQyICAgYzAtMTEuMi00LjQtMjEuOC0xMi4zLTI5LjdjLTQuOC00LjgtMTAuOC04LjQtMTcuMi0xMC40QzcyLjUsMjIuNiw2OC4zLDIyLDY0LDIyeiIvPjwvZz48L3N2Zz4=');
  }
  .github{
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaWQ9IkxheWVyXzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEyOCAxMjg7IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjggMTI4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQoJLnN0MXtmaWxsOm5vbmU7c3Ryb2tlOiM0NDRCNTQ7c3Ryb2tlLXdpZHRoOjY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwO30KCS5zdDJ7ZmlsbDojNzZFQ0ZGO30KCS5zdDN7ZmlsbDojRTRFN0U3O30KCS5zdDR7ZmlsbDojRkY2OTdCO30KCS5zdDV7ZmlsbDojNjU5RUM5O30KCS5zdDZ7ZmlsbDojNDQ0QjU0O30KCS5zdDd7ZmlsbDojQTRGNEM0O30KCS5zdDh7ZmlsbDojMDZBMThDO30KCS5zdDl7ZmlsbDojOEZFNUI1O30KCS5zdDEwe29wYWNpdHk6MC41O2ZpbGw6IzA2QTE4Qzt9Cgkuc3QxMXtvcGFjaXR5OjAuNTt9Cgkuc3QxMntmaWxsOiNGRkRCQUI7fQoJLnN0MTN7ZmlsbDojRDE4NjY5O30KCS5zdDE0e2ZpbGw6I0ZDRjA5RDt9Cgkuc3QxNXtmaWxsOm5vbmU7c3Ryb2tlOiNGRkZGRkY7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQoJLnN0MTZ7ZmlsbDojRURFQ0VCO30KCS5zdDE3e2ZpbGw6IzRGQkJDNjt9Cgkuc3QxOHtkaXNwbGF5Om5vbmU7fQoJLnN0MTl7ZGlzcGxheTppbmxpbmU7ZmlsbDojNUVDOEQzO30KCS5zdDIwe2Rpc3BsYXk6aW5saW5lO30KCS5zdDIxe2ZpbGw6I0VENzRBNTt9Cgkuc3QyMntmaWxsOiNDMTI3NjI7fQo8L3N0eWxlPjxnPjxwYXRoIGNsYXNzPSJzdDYiIGQ9Ik0xMDQuMSw0Mi4yYy0wLjgtNC45LTIuMS03LjQtNS4xLTEwLjhjMC41LTMuMywwLjYtNi42LDAuMi05LjljLTAuMS0wLjgtMC4yLTEuNS0wLjMtMi4zICAgYy0wLjItMS4yLTAuNS0yLjQtMC44LTMuNkw5OCwxNWMwLTAuMi0wLjEtMC4zLTAuMi0wLjVjMCwwLTAuMS0wLjEtMC4xLTAuMWMtMC4xLTAuMS0wLjEtMC4yLTAuMi0wLjNjMC0wLjEtMC4xLTAuMS0wLjEtMC4xICAgYy0wLjEtMC4xLTAuMS0wLjItMC4yLTAuMmMwLDAtMC4xLTAuMS0wLjEtMC4xYy0wLjEtMC4xLTAuMi0wLjEtMC4zLTAuMmMwLDAtMC4xLTAuMS0wLjEtMC4xYy0wLjEtMC4xLTAuMy0wLjEtMC40LTAuMiAgIGMwLDAsMCwwLTAuMSwwYy0wLjItMC4xLTAuMy0wLjEtMC41LTAuMWMwLDAtMC4xLDAtMC4yLDBjLTAuMSwwLTAuMiwwLTAuMywwYzAsMCwwLDAtMC4xLDBjLTAuMiwwLTAuNCwwLTAuNywwLjFMOTQsMTMuMyAgIGMtMS4zLDAuMy0yLjUsMC43LTMuNywxLjJDODguNSwxNS4yLDg2LjcsMTYsODUsMTdjLTEuNywxLTMuMywyLjEtNC45LDMuM2MtMi41LTAuNy01LjEtMS4zLTcuOC0xLjZjLTIuNy0wLjQtNS41LTAuNi04LjQtMC42ICAgcy01LjcsMC4yLTguNCwwLjZjLTIuNywwLjQtNS4zLDAuOS03LjgsMS42QzQ2LjMsMTkuMSw0NC43LDE4LDQzLDE3Yy0xLjctMS0zLjUtMS44LTUuMy0yLjVjLTEuMi0wLjUtMi41LTAuOS0zLjctMS4ybC0wLjYtMC4yICAgQzMzLjEsMTMsMzIuOSwxMywzMi43LDEzYzAsMCwwLDAtMC4xLDBjLTAuMSwwLTAuMiwwLTAuMywwYzAsMC0wLjEsMC0wLjEsMGMtMC4yLDAtMC4zLDAuMS0wLjUsMC4xYzAsMCwwLDAsMCwwICAgYy0wLjEsMC4xLTAuMywwLjEtMC40LDAuMmMwLDAtMC4xLDAuMS0wLjEsMC4xYy0wLjEsMC4xLTAuMiwwLjEtMC4zLDAuMmMwLDAtMC4xLDAuMS0wLjEsMC4xYy0wLjEsMC4xLTAuMiwwLjEtMC4yLDAuMiAgIGMwLDAtMC4xLDAuMS0wLjEsMC4xYy0wLjEsMC4xLTAuMSwwLjItMC4yLDAuM2MwLDAtMC4xLDAuMS0wLjEsMC4xQzMwLjEsMTQuNywzMCwxNC45LDMwLDE1bC0wLjIsMC42Yy0wLjUsMS45LTAuOSwzLjktMS4xLDUuOCAgIGMtMC4xLDAuNy0wLjEsMS4zLTAuMiwycy0wLjEsMS4zLTAuMSwyYzAsMiwwLjIsNCwwLjUsNS45Yy0xLjksMi4xLTMuMSwzLjktMy45LDYuMWMtMC41LDEuMy0wLjksMi44LTEuMiw0LjcgICBjLTAuMywxLjUtMC40LDMuMS0wLjQsNC42djBsMCwwYzAsMTAsNS4yLDE5LjEsMTMuNSwyNC4yYzEuMiwwLjcsMi40LDEuNCwzLjgsMS45QzQ3LjIsNzUuNiw1NS4xLDc3LDY0LDc3czE2LjgtMS40LDIzLjItNC4xICAgYzEuMy0wLjUsMi42LTEuMiwzLjgtMS45YzguMy01LjEsMTMuNS0xNC4yLDEzLjUtMjQuMkMxMDQuNSw0NS4zLDEwNC40LDQzLjcsMTA0LjEsNDIuMnoiLz48cGF0aCBjbGFzcz0ic3Q2IiBkPSJNODcsMTA5Yy0xLjEsMC0yLTAuOS0yLTJsMC03YzAtMTEuNi05LjQtMjEtMjEtMjFjLTguNCwwLTE1LjYsNC45LTE4LjksMTJoLTUuMmMtMi42LDAtNS0xLjQtNi4zLTMuNSAgIGwtMS45LTMuMmMtMi0zLjItNC44LTUuOC04LjItNy4zbC0zLjEtMS41Yy0xLjUtMC43LTMuMy0wLjEtNCwxLjVjLTAuNywxLjUtMC4xLDMuMywxLjUsNGwzLjEsMS41YzIuMywxLjEsNC4zLDIuOCw1LjYsNWwxLjksMy4yICAgYzIuNCw0LDYuOCw2LjQsMTEuNCw2LjRoMy40Yy0wLjEsMS0wLjIsMi0wLjIsM2wwLDdjMCwxLjEtMC45LDItMiwyYy0xLjcsMC0zLDEuMy0zLDNzMS4zLDMsMywzYzQuNCwwLDgtMy42LDgtOGwwLTcgICBjMC00LjksMi40LTkuMiw2LTEydjE2LjljMCwzLjgtMS41LDcuMy00LjEsMTBjLTEuMiwxLjItMS4yLDMuMSwwLDQuMmMwLjYsMC42LDEuNCwwLjksMi4xLDAuOXMxLjUtMC4zLDIuMS0wLjkgICBjMy44LTMuOCw1LjktOC44LDUuOS0xNC4yVjg1LjNjMS0wLjIsMi0wLjMsMy0wLjNzMiwwLjEsMywwLjN2MTkuNmMwLDUuNCwyLjEsMTAuNCw1LjksMTQuMmMwLjYsMC42LDEuNCwwLjksMi4xLDAuOSAgIHMxLjUtMC4zLDIuMS0wLjljMS4yLTEuMiwxLjItMy4xLDAtNC4yYy0yLjctMi43LTQuMS02LjItNC4xLTEwVjg4YzMuNiwyLjcsNiw3LjEsNiwxMmwwLDdjMCw0LjQsMy42LDgsOCw4YzEuNywwLDMtMS4zLDMtMyAgIFM4OC43LDEwOSw4NywxMDl6Ii8+PGc+PHBhdGggY2xhc3M9InN0MCIgZD0iTTk0LDU0LjRjMC0wLjQsMC0wLjgsMC0xLjF2MGMwLTktNy4zLTE2LjMtMTYuMy0xNi4zSDUwLjNjLTksMC0xNi4zLDcuMy0xNi4zLDE2LjN2MGMwLDAuNCwwLDAuOCwwLDEuMSAgICBjMC40LDYuOSw1LjUsMTIuNSwxMi4yLDE0LjRDNTEuNSw3MC4yLDU3LjUsNzEsNjQsNzFzMTIuNS0wLjgsMTcuOC0yLjJDODguNCw2Ni45LDkzLjUsNjEuMyw5NCw1NC40eiIvPjwvZz48Zz48Y2lyY2xlIGNsYXNzPSJzdDYiIGN4PSI0NyIgY3k9IjU1IiByPSI0LjUiLz48L2c+PGc+PGNpcmNsZSBjbGFzcz0ic3Q2IiBjeD0iODEiIGN5PSI1NSIgcj0iNC41Ii8+PC9nPjwvZz48L3N2Zz4=')
  }
  .twitter{ background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaWQ9IkxheWVyXzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEyOCAxMjg7IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjggMTI4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQoJLnN0MXtmaWxsOm5vbmU7c3Ryb2tlOiM0NDRCNTQ7c3Ryb2tlLXdpZHRoOjY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwO30KCS5zdDJ7ZmlsbDojNzZFQ0ZGO30KCS5zdDN7ZmlsbDojRTRFN0U3O30KCS5zdDR7ZmlsbDojRkY2OTdCO30KCS5zdDV7ZmlsbDojNjU5RUM5O30KCS5zdDZ7ZmlsbDojNDQ0QjU0O30KCS5zdDd7ZmlsbDojQTRGNEM0O30KCS5zdDh7ZmlsbDojMDZBMThDO30KCS5zdDl7ZmlsbDojOEZFNUI1O30KCS5zdDEwe29wYWNpdHk6MC41O2ZpbGw6IzA2QTE4Qzt9Cgkuc3QxMXtvcGFjaXR5OjAuNTt9Cgkuc3QxMntmaWxsOiNGRkRCQUI7fQoJLnN0MTN7ZmlsbDojRDE4NjY5O30KCS5zdDE0e2ZpbGw6I0ZDRjA5RDt9Cgkuc3QxNXtmaWxsOm5vbmU7c3Ryb2tlOiNGRkZGRkY7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQoJLnN0MTZ7ZmlsbDojRURFQ0VCO30KCS5zdDE3e2ZpbGw6IzRGQkJDNjt9Cjwvc3R5bGU+PGc+PGc+PHBhdGggY2xhc3M9InN0MiIgZD0iTTEwMC4yLDQyLjVjLTAuNCwwLjQtMC43LDEtMC42LDEuNmMwLjEsMS45LDIuNiw0Ny40LTQ1LjcsNTguOGMtMC4yLDAtMTkuNCw0LTM2LTQuMmM3LTAuMiwxNy4xLTIsMjQuMS05LjkgICAgYzAuNS0wLjYsMC43LTEuNCwwLjMtMi4yYy0wLjMtMC43LTEtMS4yLTEuOC0xLjJjMCwwLDAsMCwwLDBjLTAuMSwwLjEtMTAuNiwwLTE1LjUtMTBjMS45LDAuMSw0LjMsMCw2LjMtMC45ICAgIGMwLjgtMC40LDEuMy0xLjIsMS4yLTJjLTAuMS0wLjktMC43LTEuNi0xLjYtMS43Yy0wLjUtMC4xLTEyLjMtMi43LTEzLjktMTUuNWMxLjgsMC44LDQuMSwxLjQsNi4zLDEuMWMwLjgtMC4xLDEuNC0wLjcsMS42LTEuNCAgICBjMC4yLTAuOCwwLTEuNi0wLjYtMi4xYy0wLjUtMC40LTExLjUtMTAuMi02LjMtMjIuOWM1LjcsNiwyMi41LDIxLjQsNDIuOSwyMC4zYzAuNiwwLDEuMS0wLjMsMS41LTAuOGMwLjQtMC41LDAuNS0xLjEsMC4zLTEuNyAgICBjLTAuNC0xLjUtMC42LTMuMS0wLjYtNC43YzAtMTAuNCw4LjMtMTguOSwxOC42LTE4LjljNSwwLDkuNywyLDEzLjIsNS42YzAuNCwwLjQsMC45LDAuNiwxLjQsMC42YzIuMSwwLDUuNi0wLjIsOS42LTEuOCAgICBjLTEuMSwxLjQtMi44LDMuMS01LjMsNS4xYy0wLjcsMC41LTEsMS41LTAuNiwyLjNjMC4zLDAuOCwxLjIsMS4zLDIsMS4zYzAuNSwwLDIuOS0wLjIsNS42LTAuOEMxMDUsMzcuOSwxMDMsMzkuOSwxMDAuMiw0Mi41eiIvPjwvZz48Zz48Zz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzIuMSw2NS4xYzAuOC0wLjEsMS40LTAuNywxLjYtMS40YzAuMi0wLjgsMC0xLjYtMC42LTIuMWMtMC41LTAuNC0xMS41LTEwLjItNi4zLTIyLjkgICAgIGM1LjcsNiwyMi41LDIxLjQsNDIuOSwyMC4zYzAuNiwwLDEuMS0wLjMsMS41LTAuOGMwLjQtMC41LDAuNS0xLjEsMC4zLTEuN2MtMC40LTEuNS0wLjYtMy4xLTAuNi00LjdjMC0xMC40LDguMy0xOC45LDE4LjYtMTguOSAgICAgYzMuMywwLDE0LjItMywxNS4zLTQuNGMtNCwxLjYtNy41LDEuOC05LjYsMS44Yy0wLjUsMC0xLTAuMi0xLjQtMC42Yy0zLjUtMy42LTguMi01LjYtMTMuMi01LjZDNzAuMywyNC4xLDYyLDMyLjUsNjIsNDIuOSAgICAgYzAsMS42LDAuMiwzLjIsMC42LDQuN2MwLjEsMC42LDAsMS4yLTAuMywxLjdjLTAuNCwwLjUtMC45LDAuOC0xLjUsMC44Yy0yMC40LDEuMi0zNy4yLTE0LjMtNDIuOS0yMC4zICAgICBjLTUuMiwxMi42LDUuOCwyMi40LDYuMywyMi45YzAuNiwwLjUsMC44LDEuMywwLjYsMi4xYy0wLjIsMC44LTAuOSwxLjMtMS42LDEuNGMtMi4zLDAuMy00LjUtMC4zLTYuMy0xLjEgICAgIGMxLjEsOC41LDYuNiwxMi41LDEwLjQsMTQuM2MtMC43LTEuNi0xLjItMy4zLTEuNS01LjRDMjcuNSw2NC44LDI5LjgsNjUuNSwzMi4xLDY1LjF6Ii8+PC9nPjxnPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MC4xLDgzLjRjMC44LTAuNCwxLjMtMS4yLDEuMi0yYy0wLjEtMC45LTAuNy0xLjYtMS42LTEuN2MtMC4zLTAuMS01LTEuMS04LjgtNC45Yy0xLjgsMC43LTQsMC44LTUuOSwwLjcgICAgIGMyLjUsNS4xLDYuNSw3LjcsOS44LDguOUMzNi41LDg0LjMsMzguNSw4NC4xLDQwLjEsODMuNHoiLz48L2c+PGc+PHBhdGggY2xhc3M9InN0MCIgZD0iTTUwLjgsOTcuN2MwLjUtMC42LDAuNy0xLjQsMC4zLTIuMmMtMC4zLTAuNy0xLTEuMi0xLjgtMS4yYzAsMCwwLDAsMCwwYy0wLjEsMC01LDAtOS43LTMuMiAgICAgYy02LjgsNS45LTE1LjUsNy40LTIxLjgsNy42YzguNSw0LjIsMTcuOCw1LjIsMjQuNyw1LjJDNDUuNSwxMDIuNCw0OC40LDEwMC40LDUwLjgsOTcuN3oiLz48L2c+PC9nPjxnPjxwYXRoIGNsYXNzPSJzdDYiIGQ9Ik0yNC4yLDU1LjhjLTAuNywwLTEuNC0wLjItMi0wLjdjLTAuNS0wLjUtMTMuMS0xMS43LTcuMS0yNi4zYzAuNC0wLjksMS4yLTEuNiwyLjItMS44YzEtMC4yLDIsMC4xLDIuNywwLjkgICAgYzE2LjcsMTcuNSwzMi4zLDE5LjUsMzkuMywxOS40Yy0wLjMtMS40LTAuNC0yLjgtMC40LTQuMmMwLTEyLDkuNy0yMS45LDIxLjYtMjEuOWM1LjcsMCwxMSwyLjIsMTUsNi4yYzYuNy0wLjQsMTAuNy0zLjcsMTAuOC0zLjcgICAgYzEuMy0xLjEsMy4yLTAuOSw0LjIsMC4zYzEuMSwxLjMsMC45LDMuMi0wLjMsNC4yYy0wLjIsMC4yLTUuOCw0LjktMTUsNS4yYy0wLjEsMC0wLjEsMC0wLjIsMGMtMS4zLDAtMi42LTAuNi0zLjUtMS41ICAgIGMtMi45LTMtNi45LTQuNy0xMS4xLTQuN0M3MiwyNy4xLDY1LDM0LjIsNjUsNDIuOWMwLDEuMywwLjIsMi43LDAuNSw0YzAuNCwxLjUsMC4xLDMtMC44LDQuMmMtMC45LDEuMi0yLjMsMi0zLjgsMiAgICBjLTE4LDEtMzMuMi05LjktNDEuNC0xNy40Yy0wLjYsOC40LDYuMywxNC41LDYuNiwxNC44YzEuMiwxLjEsMS40LDMsMC4zLDQuMkMyNS45LDU1LjQsMjUsNTUuOCwyNC4yLDU1Ljh6IE05NS45LDI3LjYgICAgQzk1LjksMjcuNiw5NS45LDI3LjYsOTUuOSwyNy42Qzk1LjksMjcuNiw5NS45LDI3LjYsOTUuOSwyNy42eiIvPjwvZz48Zz48cGF0aCBjbGFzcz0ic3Q2IiBkPSJNOTkuNiw0Ny4xYy0xLDAtMi0wLjUtMi42LTEuNWMtMC44LTEuNC0wLjMtMy4zLDEuMS00LjFjNS40LTMuMSwxMS0xMC4yLDExLjEtMTAuM2MxLTEuMywyLjktMS41LDQuMi0wLjUgICAgYzEuMywxLDEuNSwyLjksMC41LDQuMmMtMC4zLDAuMy02LjQsOC4xLTEyLjgsMTEuOEMxMDAuNiw0Ni45LDEwMC4xLDQ3LjEsOTkuNiw0Ny4xeiIvPjwvZz48Zz48cGF0aCBjbGFzcz0ic3Q2IiBkPSJNMzAuOCw3My43Yy0wLjIsMC0wLjQsMC0wLjYtMC4xYy0wLjYtMC4xLTE0LjQtMy4yLTE2LjMtMTguMWMtMC4yLTEuNiwxLTMuMSwyLjYtMy40YzEuNi0wLjIsMy4xLDEsMy40LDIuNiAgICBjMS40LDEwLjcsMTEuMiwxMi45LDExLjYsMTNjMS42LDAuMywyLjcsMS45LDIuMywzLjZDMzMuNCw3Mi44LDMyLjIsNzMuNywzMC44LDczLjd6Ii8+PC9nPjxnPjxwYXRoIGNsYXNzPSJzdDYiIGQ9Ik00MC41LDg4LjVMNDAuNSw4OC41Yy0xLjcsMC4xLTMuOC0wLjQtNS4xLTAuOGMtNC4xLTEuMi05LjgtNC0xMy4xLTExYy0wLjctMS41LTAuMS0zLjMsMS40LTQgICAgYzEuNS0wLjcsMy4zLTAuMSw0LDEuNGMzLjgsNy45LDExLjksOC4zLDEyLjYsOC40YzEuNy0wLjEsMy4yLDEuMywzLjIsM0M0My41LDg3LjEsNDIuMSw4OC41LDQwLjUsODguNXogTTM4LjgsODIuOSAgICBDMzguOCw4Mi45LDM4LjgsODIuOSwzOC44LDgyLjlDMzguOCw4Mi45LDM4LjgsODIuOSwzOC44LDgyLjl6IE0zOC44LDgyLjlDMzguOCw4Mi45LDM4LjgsODIuOSwzOC44LDgyLjkgICAgQzM4LjgsODIuOSwzOC44LDgyLjksMzguOCw4Mi45eiBNMzguOCw4Mi45QzM4LjgsODIuOSwzOC44LDgyLjksMzguOCw4Mi45QzM4LjgsODIuOSwzOC44LDgyLjksMzguOCw4Mi45eiBNMzguOCw4Mi45ICAgIEMzOC44LDgyLjksMzguOCw4Mi45LDM4LjgsODIuOUMzOC44LDgyLjksMzguOCw4Mi45LDM4LjgsODIuOXoiLz48L2c+PGc+PHBhdGggY2xhc3M9InN0NiIgZD0iTTQwLjYsOTVjLTAuMiwwLTAuNCwwLTAuNi0wLjFjLTAuMiwwLTAuNC0wLjEtMC42LTAuMmMtMC4yLTAuMS0wLjQtMC4yLTAuNS0wLjNjLTAuMi0wLjEtMC4zLTAuMi0wLjUtMC40ICAgIGMtMC4xLTAuMS0wLjMtMC4zLTAuNC0wLjVjLTAuMS0wLjItMC4yLTAuMy0wLjMtMC41Yy0wLjEtMC4yLTAuMS0wLjQtMC4yLTAuNmMwLTAuMi0wLjEtMC40LTAuMS0wLjZjMC0wLjIsMC0wLjQsMC4xLTAuNiAgICBjMC0wLjIsMC4xLTAuNCwwLjItMC42YzAuMS0wLjIsMC4yLTAuNCwwLjMtMC41YzAuMS0wLjIsMC4yLTAuMywwLjQtMC41YzAuMS0wLjEsMC4zLTAuMywwLjUtMC40YzAuMi0wLjEsMC4zLTAuMiwwLjUtMC4zICAgIGMwLjItMC4xLDAuNC0wLjEsMC42LTAuMmMwLjQtMC4xLDAuOC0wLjEsMS4yLDBjMC4yLDAsMC40LDAuMSwwLjYsMC4yYzAuMiwwLjEsMC40LDAuMiwwLjUsMC4zYzAuMiwwLjEsMC4zLDAuMiwwLjUsMC40ICAgIHMwLjMsMC4zLDAuNCwwLjVzMC4yLDAuMywwLjMsMC41YzAuMSwwLjIsMC4xLDAuNCwwLjIsMC42YzAsMC4yLDAuMSwwLjQsMC4xLDAuNmMwLDAuMiwwLDAuNC0wLjEsMC42YzAsMC4yLTAuMSwwLjQtMC4yLDAuNiAgICBjLTAuMSwwLjItMC4yLDAuNC0wLjMsMC41cy0wLjIsMC4zLTAuNCwwLjVjLTAuMSwwLjEtMC4zLDAuMy0wLjUsMC40Yy0wLjIsMC4xLTAuMywwLjItMC41LDAuM2MtMC4yLDAuMS0wLjQsMC4xLTAuNiwwLjIgICAgQzQxLDk0LjksNDAuOCw5NSw0MC42LDk1eiIvPjwvZz48Zz48cGF0aCBjbGFzcz0ic3Q2IiBkPSJNMTcuOSwxMDEuN2MtMS42LDAtMy0xLjMtMy0yLjljMC0xLjcsMS4zLTMsMi45LTMuMWM1LjMtMC4xLDEwLjEtMS4yLDE0LjEtMy4xYzEuNS0wLjcsMy4zLTAuMSw0LDEuNCAgICBjMC43LDEuNSwwLjEsMy4zLTEuNCw0QzI5LjcsMTAwLjMsMjQuMSwxMDEuNSwxNy45LDEwMS43QzE3LjksMTAxLjcsMTcuOSwxMDEuNywxNy45LDEwMS43eiIvPjwvZz48Zz48cGF0aCBjbGFzcz0ic3Q2IiBkPSJNNDIuMywxMDYuOWMtMywwLTYuNC0wLjItMTAtMC43Yy0xLjYtMC4yLTIuOC0xLjgtMi41LTMuNGMwLjItMS42LDEuOC0yLjgsMy40LTIuNWMxMC44LDEuNiwyMC0wLjMsMjAuMS0wLjMgICAgQzk5LDg5LjEsOTYuNyw0Ni4xLDk2LjYsNDQuM2MtMC4xLTEuNywxLjEtMy4xLDIuOC0zLjJjMS43LTAuMSwzLjEsMS4xLDMuMiwyLjhjMC4xLDIsMi43LDQ5LjktNDgsNjEuOSAgICBDNTQuMiwxMDUuOSw0OS4zLDEwNi45LDQyLjMsMTA2Ljl6Ii8+PC9nPjwvZz48L3N2Zz4=')
  }
  
  .medias{
      display: flex;
      width: 140px;
      background: none;
      border-radius: 16px;
      justify-content: center;
      align-items: center;
      box-shadow: inset 0px 0px 2px 0px #280648d6;
      position: absolute;
      top: 92%
  }
  .icons-container {
      display: inline-flex;
  }

  