cscg24-guacamole

CSCG 2024 Challenge 'Guacamole Mashup'
git clone https://git.sinitax.com/sinitax/cscg24-guacamole
Log | Files | Refs | sfeed.txt

App.css (947B)

      1.App {
      2  text-align: center;
      3}
      4
      5.App-logo {
      6  height: 40vmin;
      7  pointer-events: none;
      8}
      9
     10@media (prefers-reduced-motion: no-preference) {
     11  .App-logo {
     12    animation: App-logo-spin infinite 20s linear;
     13  }
     14}
     15
     16.App-header {
     17  background-color: #282c34;
     18  min-height: 100vh;
     19  display: flex;
     20  flex-direction: column;
     21  align-items: center;
     22  justify-content: center;
     23  font-size: calc(10px + 2vmin);
     24  color: white;
     25}
     26
     27html{
     28  min-height:100%;/* make sure it is at least as tall as the viewport */
     29  position:relative;
     30}
     31body{
     32  height:100%; /* force the BODY element to match the height of the HTML element */
     33}
     34
     35.App-link {
     36  color: #61dafb;
     37}
     38
     39#root {
     40  height: 100%;
     41}
     42
     43.box {
     44  display: table;
     45    height: 100%;
     46    width: 100%;
     47    margin: 0;
     48    min-height: 800px;
     49}
     50.content {
     51  display: table-row;    
     52  min-height: 800px;
     53}
     54
     55@keyframes App-logo-spin {
     56  from {
     57    transform: rotate(0deg);
     58  }
     59  to {
     60    transform: rotate(360deg);
     61  }
     62}