/* TOUS DROITS RESERVES - www.com3pom.com */ @font-face {font-family:satoshi; src:url(ressources/satoshi.woff) format("woff"); } * {margin:0;padding:0; outline:none;border:none;font-family:satoshi;color:white; } html {width:100%;height:100%; scroll-behavior:smooth; } body {width:100%;height:100%;margin:0;padding:0;text-align:center;overflow-x:none;overflow-y:scroll; } body {background:#212129 url(ressources/fond.jpg) top center repeat-y; background-size:100% auto; } a {text-decoration:none;letter-spacing:0.15em;color:white;cursor:pointer; } img {vertical-align:middle; } h1 {font-size:3em;text-align:center;font-weight:normal; } h2 {font-size:2em;text-align:center;font-weight:normal; } @media only screen and (max-width:768px) { body {font-size:2.5vw; } } @media only screen and (min-width:769px) and (max-width:1199px) { body {font-size:2.0vw; } } @media only screen and (min-width:1200px) { body {font-size:1.5vw; } } .top {margin:1em auto; } .top img {width:10%; } .men {color:gray; } .men_sel,.men_lin {color:gray;text-transform:uppercase; } .men_sel,.men_lin:hover {color:white; } .youtube { max-width:1200px;margin:1em auto;padding:0 20px;text-align:center; } .youtube iframe {display:block;width:100%; aspect-ratio:16/9; } .youtube img {display:block;width:80%;margin:1em auto; } .twitch { max-width:1000px;margin:1em auto;padding:0 20px;text-align:center; } .twitch iframe {display:block;width:100%; aspect-ratio:16/9; } .twitch img {display:block;width:80%;margin:1em auto; } .projet { max-width:1200px;margin:1em auto;padding:0 20px;text-align:justify; } .bot {margin:1em auto;padding-bottom:2em;color:gray; } .bot img {height:1.4em; } .newsletter { max-width:1200px;margin:1em auto;text-align:center; } .newsletter { max-width:1200px;margin:1em auto;text-align:center; } .newsletter input {width:50%;font-size:1em;padding:5px;margin:10px;text-align:center;background:rgba(20,30,55,0.3);border:1px solid gray;border-radius:5px; } .newsletter button {width:20%;font-size:1em;padding:5px;margin:10px;text-align:center;background:rgba(20,30,55,0.3);border:1px solid gray;border-radius:5px;cursor:pointer; } .newsletter input :focus{border:1px solid gainsboro; } .newsletter button:hover{border:1px solid gainsboro; } .bbc_red {color:#5b791e; } .bbc_cen {text-align:center; } .bbc_doc {padding:2px 10px;border:1px solid silver; } .bbc_doc:hover {background:gainsboro; } .bbc_url {padding:2px 10px;border:1px solid silver; } .bbc_url:hover {background:gainsboro; }