body { font-family: 'Gothic', sans-serif; margin: 0; padding: 0; background-color:white; color: black; display: flex; align-items: center; justify-content: center; height: 100vh; } #titre{ color:blue; font-style:bold; font-family:Gothic; } .portal-container { display: flex; justify-content: space-between; text-decoration : none; color: grey; } .portal { width: 450px; height: 450px; border: 2px solid #fff; border-radius: 10px; text-align: center; cursor: pointer; text-decoration: none; color: grey; background-color:grey; } .portal:hover{ display: block; background: grey; color:white; } .portal:hover .description { display: block; background: grey; color:white; font-size:12px; } .portal .description { display: none; position: absolute; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); padding: 20px; box-sizing: border-box; font-size:12px; } #portal1{ color:white; background-color: grey; } #portal1:hover{ background-color: white; color:white; } .portal h2 { margin: 0; padding: 20px; text-decoration:none; } #portal2{ text-decoration: none; background-color: grey; color:red; } #portal2:hover{ background-color: white; color:red; } .portal:hover { background-color:grey; } .description{ } #description-left { color: white; background: rgba(0, 0, 0, 0.8); padding: 20px; padding-top: 340px; box-sizing: border-box; } #description-right { color:white; background: rgba(0, 0, 0, 0.8); padding: 20px; padding-top: 380px; box-sizing: border-box; } a{ text-decoration : none; } a:hover{ text-decoration : none; background-color: white; } #logo1{ color:blue; } #logo2{ color:red; } #logo2:hover{ color:red; } p{ font-size:100px; color:white; text-decoration: none; } .rotate-scale-up { animation: rotate-scale-up 0.10s linear both; background-color: white; color:white; } a:hover{ transform: rotateY(360deg); margin:0; padding:0; transition:4s; background-color: white; color:white; } .glyphicon { font-size: 2em; background-color: white; color:white; } .glyphicon:hover { font-size: 2em; background-color: white; color:white; } i fa { font-size: 2em; color:white; } i fa:hover { font-size: 2em; background-color: white; color:white; } h2{ color:white; } h2:hover{ color:white; } @keyframes rotate-scale-up { 0% { transform: scale(1) rotateZ(0); background-color: white; color:white; } 50% { transform: scale(2) rotateZ(360deg); background-color: white; color: white; } 100% { transform: scale(1) rotateZ(720deg); background-color: white; color: white; } } @media screen and (max-width: 299px) { .glyphicon { font-size: 1.2em; background-color: white; color: white; } } @media screen and (min-width: 300px) and (max-width: 799px) { .glyphicon { font-size: 2em; background-color: white; color:white; } } @media screen and (min-width: 800px) { .glyphicon { font-size: 4em; background-color: white; color:white; } }

CHOISISMOI.COM

Univers Universel
/
Universal Universe

tiens.viens.la

CHOISISMOI.COM ( anciennnement tiens.viens.la ) cliquez sur votre drapeau, puis en parcourant les thématiques de la plate forme (Univers Universel), vous choisirez les liens qui feront votre chemin.


Chat-Room

Bêta version

CHAT-ROOM est dans sa version bêta. Inscrivez-vous, et commencer à faire des rencontres.

Ouvrir le jukebox musique player - Open the jukebox music player