Facebook
From G, 1 Month ago, written in CSS.
Embed
Download Paste or View Raw
Hits: 29
  1. * {
  2.   box-sizing:border-box;
  3.   margin:0;
  4.   padding:0;
  5. }
  6.  
  7. html, body {
  8.   height:100%;
  9.   width:100%;
  10. }
  11.  
  12. body {
  13.   align-content:space-around;
  14.   background-color:#202830;
  15.   color:#ffffff;
  16.   display:grid;
  17.   justify-content:center;
  18. }
  19.  
  20. canvas {
  21.   background-color:#ffffff;
  22.   width: 1280px;
  23.   height: 720px;
  24. }
  25. p{
  26.     text-align: center;
  27. }
  28. h1{
  29.     text-align: center;
  30. }
  31. .hint1 {
  32.     color: white;
  33.     background: #202830;
  34.     padding: 16px;
  35.     border: 10px #333f4c;
  36.     border-radius: 100px;
  37.     text-decoration: none;
  38.     font-family: monospace;
  39.     margin-top: 33px;
  40.     margin-bottom: 20px;
  41. }
  42.    
  43.   .hint1:hover {
  44.   background: #333f4c;
  45.   border: 4px solid #202020;
  46.       transition: all 0.6s;
  47.     }
  48.  
  49. .hint2 {
  50.     color: white;
  51.     background: #202830;
  52.     padding: 16px;
  53.     border: 10px #333f4c;
  54.     border-radius: 100px;
  55.     text-decoration: none;
  56.     font-family: monospace;
  57.     margin-top: 33px;
  58.     margin-bottom: 20px;
  59. }
  60.    
  61.   .hint2:hover {
  62.   background: #333f4c;
  63.   border: 4px solid #202020;
  64.       transition: all 0.6s;
  65.     }