.btn
{
    height: 100px;
    width: 100px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    right: 20px;
    bottom: 20px;
}

.icone
{
   width: 50px; 
   cursor: pointer;
}

img.ryan
{
    float: right;
    width: 500px; ;
    height: 350px;
    position: relative;
    top: -150px;
}

img.skatepark
{
    float: right;
    width: 500px; ;
    height: 350px;
    position: relative;
    top: -150px;
}

img.buny
{
   float: right;
    width: 350px;
    height: 175px;
    position: relative;
    top: -150px;
    left: -43px;
}

img.whip
{
    float: right;
    width: 350px;
    height: 175px;
    position: relative;
    top: -150px;
    left: -43px; 
}

img.barspine
{
    float: right;
    width: 350px;
    height: 175px;
    position: relative;
    top: -130px;
    right: -310px;
}

img.demitour
{
    float: right;
    width: 350px;
    height: 175px;
    position: relative;
    top: -200px;
    left: -40px;
}

img.tour
{
    float: right;
    width: 350px;
    height: 175px;
    position: relative;
    top: -130px;
    right: -310px;
}

img.heel
{
    float: right;
    width: 350px;
    height: 175px;
    position: relative;
    top: -170px;
    left: -40px;
}

img.bri
{
    float: right;
    width: 200px;
    height: 400px;
    position: relative;
    top: -100px;
    left: -450px;
}

img.butter
{
    float: right;
    width: 200px;
    height: 400px;
    position: relative;
    top: -100px;
    right: 20px;
}

img.frontbri
{
    float: right;
    width: 200px;
    height: 400px;
    position: relative;
    top: -135px;
    right: -400px;
}

img.whiprewind
{
    float: right;
    width: 200px;
    height: 400px;
    position: relative;
    top: -100px;
    left: -450px;
}

img.heelrewind
{
    float: right;
    width: 200px;
    height: 400px;
    position: relative;
    top: -305px;
    right: 20px;
}

img.kick
{
    float: right;
    width: 200px;
    height: 400px;
    position: relative;
    top: -443px;
    right: -400px;
}

img.back
{
    float: right;
    width: 200px;
    height: 400px;
    position: relative;
    top: -100px;
    right: -150px;
}

img.flair
{
    float: right;
    width: 200px;
    height: 400px;
    position: relative;
    top: -240px;
    right: -575px;
}

img.front
{
    float: right;
    width: 200px;
    height: 400px;
    position: relative;
    top: -640px;
    left: -10px;
}

img.portraitrwily
{
    float: right;
    width: 300px;
    height: 200px;
    position: relative;
    top: -150px;
    right: -200px;
}

img.jordan
{
    float: right;
    width: 200px;
    height: 300px;
    position: relative;
    top: -180px;
    left: -50px;
}

img.championatdumonde
{
    float: right;
    width:350px; ;
    height: 200px;
    position: relative;
    top: -50px;
    right: -200px;
}

img.fise
{
    float: right;
    width:350px; ;
    height: 200px;
    position: relative;
    top: -50px;
    left: -5px;
}

img.logoinsta
{
    float: right;
    width: 100px;
    height: 95px;
    position: relative;
    left: -550px;
}


u
{
    color: white;
}


h1
{
    text-align: center;
    color:cornflowerblue;
    font-size: 100pt;
    top: -600px; 
}

p
{
    color: ghostwhite;
    text-align:left;
}

li
{
    color:ghostwhite;
    text-align: left;
}


a
{
    color: linen !important;
}

a:hover
{
    color:navajowhite !important;
}

a:visited
{
    color: darkgrey;
}

h2
{
    font-size: 25pt;
    color: darkgrey;
}

h4
{
  color: aqua;  
}

h5
{
    color: ghostwhite;
    font-size: 20pt;
}



body
{
    background-image: url(fond\ bleue.avif);
    background-repeat:repeat;
    background-size:100%;
    background-position:100% 100%;
}