1@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@200;300;400;500;700;900&display=swap');
  2@import url('https://fonts.googleapis.com/css2?family=Space+Mono:wght@200;300;400;500;700;900&display=swap');
  3
  4::-webkit-scrollbar {
  5    width: 10px;
  6}
  7
  8::-webkit-scrollbar-track-piece {
  9    background-color: #393939;
 10}
 11
 12::-webkit-scrollbar-thumb {
 13    background-color: #FFFFFF;
 14}
 15
 16html {
 17    scrollbar-color: #ffffff #393939;
 18    scrollbar-width: thin;
 19}
 20
 21body {
 22    position: relative;
 23    margin: 0;
 24    font-family: "Source Sans Pro";
 25    color: black;
 26    background: #ffffff;
 27    font-weight: 200;
 28    text-shadow: 0px 0px 5px white;
 29    width: 100%;
 30    height: 15872.05px; /*128+14*(682.67+384)+682.67+128*/
 31}
 32
 33.plant-card{
 34    position: absolute;
 35    font-family: "Space Mono";
 36    font-size: 24px;
 37    width: 960px;
 38}
 39.plant-card-left{
 40    left:704px;
 41    text-align: left;
 42}
 43.plant-card-right{
 44    right:128px;
 45    text-align: right;
 46}
 47
 48/* plant-card spacing guide: 128px (initial) + (384px margin per plant-card) */
 49
 50#plant-card-one{
 51    top:128px;
 52}
 53
 54#plant-card-two{
 55    top:1194.67px; /*128+1*(682.67+384)*/
 56}
 57
 58#plant-card-three{
 59    top:2261.34px; /*128+2*(682.67+384)*/
 60}
 61
 62#plant-card-four {
 63    top: 3328px; /*128+3*(682.67+384)*/
 64}
 65
 66#plant-card-five {
 67    top: 4383.67px; /*128+4*(682.67+384)*/
 68}
 69#plant-card-six {
 70    top: 5461.35px; /*128+5*(682.67+384)*/
 71}
 72#plant-card-seven {
 73    top: 6528px; /*128+6*(682.67+384)*/
 74}
 75#plant-card-eight {
 76    top: 7594.7px; /*128+7*(682.67+384)*/
 77}
 78#plant-card-nine {
 79    top: 8661.36px; /*128+8*(682.67+384)*/
 80}
 81#plant-card-ten {
 82    top: 9728px; /*128+9*(682.67+384)*/
 83}
 84#plant-card-eleven {
 85    top: 10794.7px; /*128+10*(682.67+384)*/
 86}
 87#plant-card-twelve {
 88    top: 11861.37px; /*128+11*(682.67+384)*/
 89}
 90#plant-card-thirteen {
 91    top: 12928px; /*128+12*(682.67+384)*/
 92}
 93#plant-card-fourteen {
 94    top: 13994.7px; /*128+13*(682.67+384)*/
 95}
 96#plant-card-fifteen {
 97    top: 15061.4px; /*128+14*(682.67+384)*/
 98}
 99
100
101.plant-card-image{
102    position: absolute;
103    top:0px;
104    right:1024px;
105    width: 512px;
106}
107
108.plant-card-title{
109    font-size: 48px;
110    font-family: "Rubik";
111    font-weight: 700;
112}
113
114#home-link {
115    position: absolute;
116    top: 40px;
117    right: 40px;
118}
119
120#home-link-a {
121    color: white;
122    text-decoration: none;
123    font-size: 32px;
124    font-weight: 400;
125}
126
127#home-icon {
128    width: 32px;
129    height: 32px;
130}
131
132@keyframes loadIn {
133    from{
134        opacity: 0;
135        transform: translateY(-10px);
136    }
137    to{
138        opacity: 1;
139        transform: translateY(0px);
140    }
141}
142
143@keyframes loadOut {
144    from{
145        opacity: 1;
146        transform: translateY(0px);
147    }
148    to{
149        
150        opacity: 0;
151        transform: translateY(-10px);
152    }
153}