html,body{font-size:150%;height:100%;width:100%}h1{font-family:'Luckiest Guy', cursive;font-size:2.441rem}h2{font-family:'Luckiest Guy', cursive;font-size:1.953rem}h3{font-family:'Luckiest Guy', cursive;font-size:1.567rem}p{font-size:1rem}main{height:100%;width:100%;display:grid;grid-template-columns:repeat(9, calc(92%/9));grid-template-rows:repeat(10, calc(91%/10));grid-row-gap:1%;grid-column-gap:1%;grid-template-areas:"sun sun trash-label trash-label trash-label . twitter-label twitter-label twitter-label" "sun sun trash-window trash-window trash-window . twitter-feed twitter-feed twitter-feed" "sun sun trash-window trash-window trash-window . twitter-feed twitter-feed twitter-feed" "garbage-can garbage-can trash-window trash-window trash-window . twitter-feed twitter-feed twitter-feed" "garbage-can garbage-can trash-window trash-window trash-window . twitter-feed twitter-feed twitter-feed" "garbage-can garbage-can . . . . twitter-feed twitter-feed twitter-feed" "recycle-1 recycle-2 recycle-3 recycle-4 recycle-5 recycle-6 twitter-feed twitter-feed twitter-feed" "recycle-1 recycle-2 recycle-3 recycle-4 recycle-5 recycle-6 twitter-feed twitter-feed twitter-feed" "road road road road road road road road road" "road road road road road road road road road";background-image:url("../../img/City.svg");background-color:#87CEEB;background-position:center 85%;background-repeat:no-repeat;background-size:cover}main>section:nth-of-type(1){grid-area:sun;position:relative}main>section:nth-of-type(1)>svg{transform:rotate(270deg);position:absolute;height:150%;width:auto;left:-50%;top:-50%}main>section:nth-of-type(2){grid-area:trash-label;display:flex;flex-direction:column;align-content:center;justify-content:flex-end}main>section:nth-of-type(2)>h1{text-align:center;margin:0;line-height:2rem}main>section:nth-of-type(3){grid-area:trash-window;border-radius:25px;border:2px solid black;position:relative}main>section:nth-of-type(3)>img#wasteImage{position:fixed;height:auto;width:5%}main>section:nth-of-type(3)>div{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:0;left:0;height:100%;width:100%;text-align:center;border-radius:25px}main>section:nth-of-type(3)>div>h2{color:white;letter-spacing:0.1em;margin:0.2em 0}main>section:nth-of-type(3)>div>img{height:60%;width:60%;text-align:center;color:white}main>section:nth-of-type(4){grid-area:twitter-label;display:flex;flex-direction:column;align-content:center;justify-content:flex-end}main>section:nth-of-type(4)>h1{text-align:center;margin:0;line-height:2rem}main>section:nth-of-type(5){background-color:#5666CC;grid-area:twitter-feed;border-radius:25px;border:2px solid black}main>section:nth-of-type(6){grid-area:garbage-can;text-align:center}main>section:nth-of-type(6)>img{height:100%;width:auto}main>section:nth-of-type(7){grid-area:recycle-1}main>section:nth-of-type(8){grid-area:recycle-2;text-align:center}main>section:nth-of-type(8)>img{height:100%;width:auto}main>section:nth-of-type(9){grid-area:recycle-3;text-align:center}main>section:nth-of-type(9)>img{height:100%;width:auto}main>section:nth-of-type(10){grid-area:recycle-4;text-align:center}main>section:nth-of-type(10)>img{height:100%;width:auto}main>section:nth-of-type(11){grid-area:recycle-5;text-align:center}main>section:nth-of-type(11)>img{height:100%;width:auto}main>section:nth-of-type(12){grid-area:recycle-6;text-align:center}main>section:nth-of-type(12)>img{height:100%;width:auto}main>section:nth-of-type(13){grid-area:road}
/*# sourceMappingURL=custom.css.map */