@keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  animation-name: slideInDown;
-webkit-animation-name: slideInDown ;
-webkit-animation-duration: 1s;
  animation-duration: 1s;
  ;
   
}

@keyframes slideInUp {
  from {
    transform: translate3d(100%, 100%, 30px);
    visibility: visible;
  }<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap" rel="stylesheet"> 

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  animation-name: slideInUp;
-webkit-animation-name: slideInUp ;
-webkit-animation-duration: 2s;
  animation-duration: 2s;
  ;
   
}
 
.backg{background:  #cccccc; }
#toTop{
	position: fixed;
	bottom: 10px;
	right: 10px;
	cursor: pointer;
	display: block;
}
.comment{width:80%;
         margin-left:10%;
}
.centre {text-align: center}
.bas {margin-bottom: 2%}
.git {font-size:24px; }
.carousel-item { background: #aa80ff; }
.img_git {margin-left: 15%; 
     
    }
.img_git1 {margin-left: 25%; height:20%;
     
    }
.cool {color:#cc0052}
.omb {box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);

-moz-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
-webkit-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);}
.marg {margin-left: 1%}
.test1 {font-family: "Alegreya", "tags": ["literature"];border: 1px solid #fff;width:20%;margin-left:38%;border-radius:40px}
.test {font-family: "Alegreya", "tags": ["literature"];  }
.texte {font-size:24px}
.cadre {
  border-radius: 10px;
}
@media screen and (max-width: 480px) {.test1 {font-family: "Alegreya", "tags": ["literature"];border: 1px solid #fff;width:40%;margin-left:32%;border-radius:40px}}
.mairie {font-family: 'Architects Daughter', cursive;}
.mess {font-family: 'Source Code Pro', monospace;font-weight:400;}
.dark{color:#000;  }
.yell{color:#ffff66;text-shadow:1px 1px 2px #fff, 0 0 1em #fff, 0 0 0.3em #fff;}
 
.mess2 {font-family: font-family: 'Shadows Into Light', cursive;padding-top:1rem;padding-bottom:1rem;padding-left:1rem;padding-right:1rem;}
.omb2 {box-shadow: 0px 0px 10px 4px rgba(204, 163, 0, 0.75);}
.ment {text-align:center;color:#fff;}