physics-simulations

A collection of physics simulations
git clone https://git.ashermorgan.net/physics-simulations/
Log | Files | Refs | README

index.css (1089B)

      1 /* default styles */
      2 * {
      3     padding: 0px;
      4     margin: 0px;
      5     box-sizing: border-box;
      6     font-family: Segoe UI, sans-serif;
      7     transition-duration: 0.25s;
      8     text-align: center;
      9 }
     10 
     11 /* page header */
     12 header {
     13     background-color: #48d1cc;
     14     color: #000000;
     15     width: 100%;
     16     padding: 10px;
     17     margin-bottom: 15px;
     18 }
     19 header h1 {
     20     font-size: 25px;
     21 }
     22 
     23 /* simulation links */
     24 #simulationLinks {
     25     padding: 15px;
     26     padding-top: 0px;
     27 }
     28 #simulationLinks a {
     29     display: inline-block;
     30     margin: 15px;
     31     line-height: 50px;
     32     width: 200px;
     33     background-color: #E0E0E0;
     34     color: #000000;
     35     text-decoration: none;
     36 }
     37 #simulationLinks a:hover, #simulationLinks a:focus {
     38     box-shadow: 0 0 15px #808080;
     39     transform: scale(1.1);
     40 }
     41 @media only screen and (max-width: 500px) {
     42     #simulationLinks a {
     43         width: calc(100% - 30px);
     44     }
     45 }
     46 
     47 /* dark mode */
     48 @media only screen and (prefers-color-scheme: dark) {
     49     body {
     50         background: #202020;
     51         color: #e0e0e0;
     52     }
     53     #simulationLinks a {
     54         background: #404040;
     55         color: #e0e0e0;
     56     }
     57 }