@font-face
{
    font-family: 'dameronacad';
    src: url('../fonts/dameronacad.ttf');
    font-weight: normal;
    font-style: normal;
}

html {
    font-size: 62.5%
}

html, body {
    /*height: 100%;*/
    margin: 0;
    padding: 0;
    font-family: sans-serif;
}

.code
{
    color: yellow;
    font-size: 1.5rem;
}

.code2
{
    color: #40FF00;
    font-size: 1.5rem;
}

ul
{
    list-style-type:none;
    text-align: center;
    padding: 0;
    margin: 0;
}

li {
    margin: 4vh auto;
}

.boutt
{
    /*width: 320px;*/
    /*left: 40%;*/
    /*position: fixed;*/
    /*font-family: Arial;*/
    /*text-align: center;*/
    font-weight: bold;
    border: 4px solid #A39602;
    border-radius: 20px;
    padding: 3px;
    color: white;
    font-size: 2.8rem;
    text-shadow: 0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0#aaa,
    0 6px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),
    0 5px 10px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15); /*texte en 3D*/
    text-decoration: none;
    /*background-color: darkorange;*/
    background: -moz-radial-gradient(top, orange, #A39602);
    background: -webkit-radial-gradient(center, #4c0d0a, yellow) 0 30px;
    background: -o-radial-gradient(top, yellow, #4c0d0a) 0 30px;
}

/*#boutton1
{
    top: 5%;
}

#boutton2
{
    top: 17%;
}

#boutton3
{
    top: 29%;
}

#boutton4
{
     top: 41%;
}

#boutton5
{
    top: 53%;
}

#boutton6
{
    top: 65%;
}

#boutton7
{
    top: 77%;
}

#boutton8
{
    top: 89%;
}*/

.boutt:hover
{
    color: red;
   /*opacity: 0;
   transform: scale(3);
   transform: translateX(-120px);
   transition: all 2s ease 0.2s; */
}

div#boutton0 {
    left: 42%;
    position: fixed;
    top: 3vh;
    /*margin: 3vh;*/
}

#page2
{
    /*max-width: 960px;*/
    background: radial-gradient(black 15%, transparent 16%) 0 0,
     radial-gradient(black 15%, transparent 16%) 8px 8px,
     radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
     radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
    background-size: 16px 16px;
    background-color: #515151;
}

/*.ch_co1,.ch_co3
{
    position: fixed;
    text-align: center;
    color: white;
    left: 40%;
}

.ch_co1
{
    top: 10%;
}

.ch_co3
{
    top: 40%;
}

.ch_co2
{
    color: red;
}*/

@media all and (max-width: 1280px)
{
    .boutt
    {
        /*left: 30%;*/

    }

 

}