*{box-sizing:border-box}body{background-color:#090909;font-family:Arial,Helvetica,sans-serif;margin:0}.drawing-container{align-items:center;background-color:#121212;display:flex;flex-direction:column;justify-content:center}.drawing-canvas{background-color:#fff;border:1px solid #6495ed;height:100vh;width:100vw}.tools-container{background-color:#121212;bottom:0;display:flex;justify-content:center;margin-top:-4px;padding:1rem;position:absolute;width:100%}.d-button{background-color:#fff;cursor:pointer;height:40px;padding:.5rem;text-align:center;width:40px}.d-button:hover{background-color:#000;color:#fff}.d-button:active{border:1px solid #6495ed}.span-pen-size{align-items:center;background-color:#fff;display:inline-flex;height:40px;justify-content:center;padding:.25rem;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:40px}.color-circle{cursor:pointer;height:40px;padding:8px;width:40px}.border-5px{border:none;border-radius:5px;outline:none}.margin-side-5px{margin:0 5px}@media (max-width:700px){.drawing-canvas{background-color:#fff;border:1px solid #6495ed}.tools-container{background-color:#6495ed;display:flex;margin-top:-4px;padding:1rem;width:90%}}