body{background:var(--background-image) no-repeat center center fixed;padding-top:15px;color:var(--main-color);-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.item{margin:0 0 10px;position:relative}h2{margin:0;font-size:40px;text-align:center}h1{margin-top:0;text-align:center;font-size:50px}html{padding:0 20px}.img{box-sizing:border-box;width:100%!important;height:auto!important;border:5px solid var(--main-color)}.caption{display:none;color:#fff;position:absolute;bottom:0;width:100%;padding:10px;background:rgba(0,0,0,.5);box-sizing:border-box}.caption a{color:#fff}.item:hover .caption{display:block}:root{--wooden: url(https://scrimba.ams3.digitaloceanspaces.com/assets/courses/gdegree/Horror/wooden.jpg);--forest: url(https://scrimba.ams3.digitaloceanspaces.com/assets/courses/gdegree/Horror/forest.jpg);--sweets: url(https://scrimba.ams3.digitaloceanspaces.com/assets/courses/gdegree/Cute/sweets1.jpg);--bubbles: url(https://scrimba.ams3.digitaloceanspaces.com/assets/courses/gdegree/Cute/bubbles.jpg);--crackle: url(https://scrimba.ams3.digitaloceanspaces.com/assets/courses/gdegree/Minimalist/crackle.jpg);--sparkle: url(https://scrimba.ams3.digitaloceanspaces.com/assets/courses/gdegree/Minimalist/sparkle.jpg);--rainbow: url(https://scrimba.ams3.digitaloceanspaces.com/assets/courses/gdegree/Rainbow/rainbow-paint.jpg);--smoke: url(https://scrimba.ams3.digitaloceanspaces.com/assets/courses/gdegree/Rainbow/rainbow-smoke.jpg);--nightsky: url(https://scrimba.ams3.digitaloceanspaces.com/assets/courses/gdegree/Sleek/nightsky.jpg);--sunset: url(https://scrimba.ams3.digitaloceanspaces.com/assets/courses/gdegree/Sleek/sunset.jpg);--codingIcon: url(/assets/growtika-yGQmjh2uOTg-unsplash-9d4de20a.jpg);--blood: #8a0303;--slime: #228B22;--gloom: #2B363B;--candy: #ee698e;--purple: #7B1E7A;--blue: #2176AE;--olive: #A6C48A;--royal: #0A1045;--lilac: #B8AED6;--snow: #f4f9e9;--scary-font: "Metal Mania";--typewriter-font: "Inconsolata";--funny-font: "Balsamiq Sans";--curly-font: "Pacifico";--old-style-font: "Cinzel";--simple-font: "Noto Sans HK";--funky-font: "MuseoModerno";--sweet-font: "Lobster"}body{--background-image: var(--codingIcon);--main-color: var(--gloom);font-family:var(--Inconsolata)}.grid{column-count:4;column-gap:10px}.img{border-image:var(--wooden) 100}h1{color:#f7f6f6}footer{text-align:center;color:#fff;background-color:#000;padding:20px;border-radius:20px}footer a{color:gold}