@font-face { font-family: points; src: url(../fonts/AC1-SemiLightDots.ttf); } html{ } body{ background-color: blue; color: white; font-family: Arial, Helvetica, sans-serif; } h1{ font-family: points; font-size: 60px; color: white; } button{ user-select: none; display: inline-block; padding: 3px 1em; color: currentColor; font-weight: var(--regular); text-decoration: none; margin-bottom: 4px; background-color: rgba(0,0,0,0); } .draggable { position: absolute; z-index: 2; cursor: grab; border: 2px white solid; background: black; } .draggable p{ color: white; } .draggable li{ color: white; list-style: none; /* line-height: 7px; */ } .draggable ul{ color: white; } .draggable li::before{ content: "💾 "; } .resizable { width: 350px; height: 650px; padding: 0.5em 1.5em; } .resizable p{ font-size: 18px; } .resizable h1{ font-size: 35px; } .closable{ position: absolute; top: 0; right: 0; } .closable button{ width: 30px; height: 30px; } .icon{ width: 70px; height: 70px; border: white solid 2px; margin: 2%; z-index: 1; /* font-size: 50px ; */ }