.header{font-size:30px;font-weight:700;width:100%;text-align:center;padding:40px 0}.color-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;padding:100px}.color{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:20px;transition:all .5s ease;cursor:pointer}.color:hover{transform:scale(1.05)}.color:active{opacity:.5}.showcase{height:200px;width:200px;margin:10px 10px 20px;border-radius:30px 5px;box-shadow:0 0 10px #0000004d}.theme-toggle{height:80px;width:80px;border-radius:10px;background-color:var(--surface-variant);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .5s ease;margin:30px}.theme-toggle:hover{opacity:.5}body{margin:0}