@font-face{font-family:'D-DIN Regular';font-style:normal;font-weight:normal;src:url("../font/D-DIN.woff") format("woff")}html,body{width:100%;margin:0;padding:0;overflow-x:hidden}.mainScreen{position:relative;height:50vw;width:100%;background-color:#000000}.mainScreen .break{position:absolute;background-image:url("../images/breakmainscreen.svg");background-size:cover;width:18vw;height:1.2vw;left:15%;top:45%}.mainScreen img:first-child{position:absolute;width:25vw;left:12%;top:15%}.mainScreen img:nth-child(2){position:absolute;width:50vw;right:5%;top:15%}.mainScreen h1{position:absolute;color:#C28F2D;text-transform:uppercase;font-family:"BeaufortforLOL-Bold";font-size:1.5vw;left:16%;top:37%;letter-spacing:.1vw}.mainScreen p{position:absolute;color:white;font-family:"D-DIN Regular";font-size:1.3vw;width:33%;letter-spacing:2px;line-height:1.5;left:12%;top:52%}.us{height:52vw}.us p{font-size:1vw;width:30vw;margin:auto;text-align:left;letter-spacing:.05vw;font-family:"D-DIN Regular";margin-top:5vw}.us p a{color:#D75041;text-decoration:none}.us .content{position:relative;border:1px solid #C28F2D;height:89%;margin:5%;display:flex}.us img{position:absolute}.us .contentbtn{position:relative;width:30vw;height:10vw}.us .contacter2{position:absolute;padding:.8vw 2.8vw;font-size:1vw;left:4.8%;top:8%}.us .cadre{position:absolute;background-image:url("../images/cadreBtn.svg");background-size:cover;width:15vw;height:4.1vw}.us .onbtnleft{position:absolute;background-image:url("../images/onBtn.svg");background-size:cover;width:1.25vw;height:1vw;top:18%;left:2.5%}.us .onbtnright{position:absolute;background-image:url("../images/onBtn.svg");background-size:cover;width:1.25vw;height:1vw;top:18%;left:42.5%}.us .Crocrodail #avatarcrocro{left:15%;top:10%;width:16vw}.us .Crocrodail #circleCrocro{left:13%;top:0%;width:20vw;-webkit-animation:rotating 5s linear infinite;-moz-animation:rotating 5s linear infinite;-ms-animation:rotating 5s linear infinite;-o-animation:rotating 5s linear infinite;animation:rotating 5s linear infinite}@-webkit-keyframes rotating{from{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotating{from{-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}.us .Crocrodail h1{position:absolute;font-family:"BeaufortforLOL-Bold";text-transform:uppercase;font-size:3.5vw;font-weight:bold;font-style:italic;left:12.5%;bottom:35%}.us .Crocrodail h2{position:absolute;font-family:"D-DIN Regular";font-size:1.5vw;font-weight:normal;text-transform:uppercase;left:10%;bottom:45.5%;letter-spacing:.15vw}.us .Crocrodail .breakCrocrodail{position:absolute;background-image:url("../images/breakmainscreen.svg");background-size:cover;width:18vw;height:1.2vw;left:15%;top:60%}.us .Crocrodail p{position:absolute;left:8%;bottom:22%;line-height:1.2}.us .Crocrodail .contentbtn{left:48%;top:85%}.us .Perroko #avatarperoko{right:15%;bottom:4%;width:16vw}.us .Perroko #circlePeroko{right:13%;bottom:2%;width:21vw;-webkit-animation:rotating 5s linear infinite;-moz-animation:rotating 5s linear infinite;-ms-animation:rotating 5s linear infinite;-o-animation:rotating 5s linear infinite;animation:rotating 5s linear infinite}.us .Perroko h1{position:absolute;font-family:"BeaufortforLOL-Bold";text-transform:uppercase;font-size:3.5vw;font-weight:bold;font-style:italic;right:15%;top:7%}.us .Perroko h2{position:absolute;font-family:"D-DIN Regular";font-size:1.5vw;font-weight:normal;text-transform:uppercase;right:10%;top:7%;letter-spacing:.15vw}.us .Perroko .breakPerroko{position:absolute;background-image:url("../images/breakmainscreen.svg");background-size:cover;width:18vw;height:1.2vw;right:13.5%;top:22%}.us .Perroko p{position:absolute;right:5%;top:20%;line-height:1.2}.us .Perroko .contentbtn{right:-102%;top:43%}.redLol{padding:0.7vw 1vw;border:none;background-color:#D64944;color:white;font-size:1vw;text-transform:uppercase;font-family:"Mark Pro Medium", sans-serif;font-weight:bold;position:relative;overflow:hidden}.redLol:after{background:#fff;content:"";height:155px;left:-75px;opacity:.2;position:absolute;top:-50px;transform:rotate(35deg);transition:all 1s cubic-bezier(0.19, 1, 0.22, 1);width:50px;z-index:1}.redLol:hover{cursor:pointer}.redLol:hover:after{left:120%;transition:all 1s cubic-bezier(0.19, 1, 0.22, 1)}.goldLol{padding:0.5vw 1vw;border:0.3vw #C28F2D solid;background-color:rgba(155,176,110,0);color:#C28F2D;font-size:1vw;text-transform:uppercase;font-family:"Mark Pro Medium", sans-serif;font-weight:bold}.goldLol:hover{cursor:pointer;color:#90691e;border:0.3vw #90691e solid}