body {
    visibility: hidden;
    opacity: 0;
    margin: 0;
    transition: opacity 1s ease-in-out, visibility 0s 1s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; 
}
body.loaded {
    visibility: visible;
    opacity: 1;
    transition: opacity 1s ease-in-out;
}
@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}
.floating {
    animation: float 6s ease-in-out infinite;
}
.parallax {
    transform: translateZ(0);
    will-change: transform;
}
.gradient-mask {
    mask-image: linear-gradient(to bottom, transparent 0%, black 20%, black 80%, transparent 100%);
}
.content-wrapper {
    position: relative;
    z-index: 10;
    padding: 2rem;
    color: #ffc85ac0;
}
#meow_back {
    position: fixed;
    top: 0;
    opacity: 0.2;
    left: 0;
    z-index: 0;
}

.tag-javascript {
  color: #F7DF1E;
}

.tag-react {
  color: #61DAFB;
}

.tag-symfony {
  color: white;
}

.tag-php {
  color: #777BB4;
}

.tag-mysql {
  color: #4479A1;
}

.tag-nodejs {
  color: #339933;
}

.tag-apirest {
  color: #fb9d94;
}

.tag-html {
  color: #E34F26;
}

.tag-css {
  color: #1572B6;
}

.tag-smarty {
  color: red;
}

.tag-wordpress {
  color: #21759B;
}

.tag-java {
  color: #8700a1;
}

.tag-springboot {
  color: #6DB33F;
}

.tag-docker {
  color: #2496ED;
}