#accueil {
	background: url("../images/header.jpg") no-repeat;
	background-size: cover;
	padding: 65px 0 200px 0;
	height: auto;
	font-family: 'Permanent Marker', cursive;
}
#accueil h1	{text-align: center; padding: 1000 1000 0 1000;}
#accueil h2	{text-align: center;font-family: 'Permanent Marker', cursive;margin-top: 0px;margin-left: 0px;margin-bottom: 0px;}
#accueil span {color: orange;}
#profil {margin-top: 100px;}
.title {
	color: orange;
	font-weight: bold;
	}
.date {
	font-style: italic;
	}
.company {
	font-weight: bold;
}
#competences {
	text-align: center;
}
#competences img {
	width: 75px;
	height: 75px;
}
#competences h2	{
	text-align: left;
}
#realisations img {
	width: auto;
	height: 550px
}
#realisations video {
	margin-left: 300px;
}
h2 {
	margin-top: 50px;
	margin-left: 70px;
	margin-bottom: 20px;
	font-family: 'Prompt', sans-serif;
}
p {
	font-family: 'Prompt', sans-serif;
}
li {
	font-family: 'Prompt', sans-serif;
}
a {
	font-family: 'Prompt', sans-serif;
}
.rainbow-text {
    background-image: repeating-linear-gradient(45deg, violet, indigo, blue, green, yellow, orange, red, violet);
    text-align: center;
    background-size: 800% 800%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: rainbow 8s ease infinite;
}

@keyframes rainbow { 0%{background-position:0% 50%} 50%{background-position:100% 25%} 100%{background-position:0% 50%}}

#gui1 {
  animation: mymove 1s infinite;
  transform: rotate(-15deg);
  text-align: center;
}

#que1 {
  animation: mymove 1s infinite;
  transform: rotate(-15deg);
  text-align: center;
  animation-delay: 0.5s
}

@keyframes mymove {
  50% {transform: rotate(30deg);}
}

@font-face {
font-family: 'squirk';
src: url('../font/Squirk.otf') format('truetype');
font-weight: normal;
font-style: normal;
}

@media screen and (max-width: 1024px)
{
    video
    {
        height:200px; 
        width:auto
    }
}