.loader{width:50px;height:50px;border:8px solid #f3f3f3;border-radius:50%;border-top:8px solid dodgerblue;animation:spin 1s linear infinite;top:50%;left:50%;margin:0 auto 0 -25px;position:fixed}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--primary-color: rgb(163, 154, 154);--font-size-base: 16px}.shadow{filter:grayscale(1%);text-align:center;background-color:#fff0;box-shadow:1px 5px 20px 10px var(--primary-color);margin:20px auto}.shadow.inset{filter:grayscale(1%);width:300px;height:300px;background-color:#fff0;box-shadow:inset 1px 5px 20px 10px var(--primary-color);margin:20px}