noscript {
  position: absolute;
  top: 10%;
  font-weight: 600;
}

/* KEYFRAMES */
@keyframes spin {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(359deg);
  }
}

/* GRID STYLING */
* {
  box-sizing: border-box;
}

body {
  height: 100vh;
  background-color: #f2f2f2;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  padding: 0;
}

body:after {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAAByCAYAAACbZNnZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjkyQkIxMzQ5RURFMTFFQ0FFOERENEFENkRBRTAzODgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjkyQkIxMzU5RURFMTFFQ0FFOERENEFENkRBRTAzODgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyOTJCQjEzMjlFREUxMUVDQUU4REQ0QUQ2REFFMDM4OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyOTJCQjEzMzlFREUxMUVDQUU4REQ0QUQ2REFFMDM4OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Po6o9tgAAAUOSURBVHja7J1biFZVFMeXn3NJGydNfYguKjgNiTlj5kgFFeVLBipmYJT14kPSg/OugkhPIWgikiAUiJbMBFqBRoHmw8iMlyGMgUGRhgQvmdN8o6HO6LgW50Df1FzKy15r7/X/wR8HFPc65/z2OWef2Wefsqam5nNE9DinSGEYn/9Zx+kY5t/8zJnD6SHwTx7hXOa8xjl1r/9ZGac6/7k68IaUj7KRpX+CwUzhtHAWjNCJ/hMFxY0YGOHvbuMYj0oVp5UzK0UBQCAJCoq9rR/HT1+CAvZfMhIc58yGAH4Zx2n7vxJAAOcSQADnEkCAdCU4wamHAH6pyEcH9RAAEtRBAN8StA0nAQRwLgEE8CXBMc48COAX+Q3s0VIJIIBzCSCAbwmegwC+JWiGAL6ZAgF8MwABnFNAXb4pM1rXPs7TnG4Hx+Amp5KzhP6eMu9egEZnHXEMp0tDAJxq7VzyCloNA9wEAggAMApwxJucuQFHGQ9xejlf5Hf9EECZ1bkEIREBvrQmAC4B4ejj3MI9gA3GKgnQDwFsUK7QZj/OAHYYr9DmTQgAAfAcwAgTIIBfAeS9OY21h25AADu9v0qh3esQwAayGlolBPArwESldv+CADaYrNQuzgBGmKrU7jUIYIPHcAmAADgDOBbgCQjgW4BpEMCvAA9zZiq13QsB9HmS86hS21chgD7TFduGAAaoUWy7CAH0qVVs+08IoM8sCOBXAPkVcL1S23L974YAujzDmaQ4BMRzAGWeVWxbBOiHALrMxQjAtwANim33QABdnuLMV2y/GwLo8jxly7BocQUC6PKCcvs4AyjzCgTwK0Ct8vVfuAwB9HjZQA2/QwA9XocAfgWQR79vKNcgX0k/BwH0en+1gd5/CQLosMhADXLwb0CA8Mgr4EsN1HHe8k4qJN77Jxmo4zcIoMNbRuroggDhmWlIgE4IEJ63DdVyEgKE5wMjdbRzTkOAsCwj3enfpRyxvrNSFGCVoVp+gABheYn0H/2WDv8OQoCwfGiolh/J4NKwKQsgs37fM1TPtzHstJQEWGOoFnn4sx8ChKPB0NCP8oN/GwKEY62xevbEsuNSEEA+ubrYUD0/cVohQDg+NlbPrph2XuwCyKl/tqF6fuV8DgHCUGew9++M5eYvBQG2G6vnD8622HZirAJs5LxoUMgeCPDgkWf9643VJDN/N8XYk2ITQF7z3muwLjn4RQjwYKngHCCdL36NxC+cT2K9kYpJgO9Jd5m34VgX8zg6FgGk579qsC75Gvj+mAWw/vl4WdXjEOm/3z8UsupHI0WO5TOArOzdafTgCx+R4Xf+YhfgHcp+p15jtL7POF9RAlgTQD7nIhMp95Duok4jcZyzmhJBU4CBkp/ncXZTNpFyoeH9JWP95ZQQmjeB71L2i5OVnBmR7K/FZPxdv5gEiG38vIKyyR5J4fGrYXeDzDfcm+KGleHYjsr7FNksHwhw/5D5ht+kvIEQYGhkfX95ANWe+obiHuDftFD2feF2DxsLAQazgbIXTK952WBcAjLO5Nf7Dm8b7v0MIE8j5Z3CGo8H37sAWyj7mPRWzz3A2yVAnuVv5nxKhtfwhwD3n8OcHZyvOX047OkLICtzyAod33H2keHVui0IkMJ9wEVOG2Vr8rXmY/nYXtLQmP8wRgSQjxpPMLbDpAfLlzZlle3r+bi8N79uy0sYFyibO9CVD+HOUmTv5A1Bb8l9SghkGf3iHQEGAIllz1cAXCSlAAAAAElFTkSuQmCC');
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: inline-block;
  height: 72px;
  width: 81px;
  position: absolute;
  right: 1em;
  bottom: 1em;
  opacity: .4;
}

body.dark-theme::after {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAAByCAYAAACbZNnZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzhENDVEMEI2RTY2MTFFQzk0QUI4NTVBRjA3NkRBQ0YiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzhENDVEMEM2RTY2MTFFQzk0QUI4NTVBRjA3NkRBQ0YiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozOEQ0NUQwOTZFNjYxMUVDOTRBQjg1NUFGMDc2REFDRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozOEQ0NUQwQTZFNjYxMUVDOTRBQjg1NUFGMDc2REFDRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlLMiucAAAUNSURBVHja7J1vaFdVGMef/Zz/pq40fSH+S3CORN10trBAxXpTgoolJFa+6YWjF+29BhG9CsE/RCQEBaIpJPgPNAz680LZ/DOkEEYRDQVLzbWthbq5X8/DvdBvtT+a7jzPOc/3A18cKJ7n3vs5995zd+65ZcVi8SoRzeB0Uhgq8j9rOJcH+TeXOIs5HQT+zWOcm5zVnO8f9j8r51TmP1cG3pDRw2xk6Z+gP1M5ZzjPDNGJ7ouC4kYUh/i7PhzjYZnIaeIsSFEAEEiCgmJv68Xx05eggP2XjATnOQshgF/Gc5ofVAII4FwCCOBcAgiQrgQXOLUQwC9j8tFBLQSABDUQwLcEzYNJAAGcSwABfElwjlMHAfwiv4E9WyoBBHAuAQTwLcFSCOBbgi8ggG+mQgDfFCGAcwqoyzflRus6wpnPaXdwDO5yxnLW0T9T5t0L0OisI5Zx2jQEwKnWziWvoNUwwE0ggAAAowBHrOEsCTjKGMfp4nyW3/VDAGUacglCIgJ8bk0AXALC0cO5h3sAG4xSEqAXAthgtEKbvTgD2KFCoc27EAAC4DmAESZBAL8CyHtzGmsP3YEAdnr/RIV2b0MAG8hqaGMhgF8BHldq9y8IYIMnlNrFGcAI05Ta7YYANpiOSwAEwBnAsQAzIYBvAeZAAL8CTODMU2q7CwLoM4szRantPyGAPk8qtg0BDFCl2HYnBNCnWrHtPyCAPgsggF8B5FfAtUpty/W/HQLo8hRnsuIQEM8BlFmk2LYI0AsBdFmCEYBvAeoV2+6AALrM5jyt2H47BNBlGWXLsGhxCwLosly5fZwBlFkJAfwKUK18/RduQgA9Vhio4QYE0ON5COBXAHn0+6JyDfKV9KsQQK/3Vxro/dchgA4vGahBDv4dCBAeeQV8vYE6rlneSYXEe/9kA3VcgQA6vGykjjYIEJ55hgRohQDh2WiolosQIDxbjNTRwvkRAoRlA+lO/y7lO+s7K0UB3jRUy2kIEJbnSP/Rb+nw7xQECMtWQ7V8RQaXhk1ZAJn1+5qheo7HsNNSEuBtQ7XIw5+jECAc9YaGfpQf/D4IEI5txuo5EMuOS0EA+eTqWkP1fMtpggDheN9YPfti2nmxCyCn/oWG6vmF8ykECEONwd7/SSw3fykI8JGxen7nfBjbToxVgPc4zxoUsgMCjDzyrP8dYzXJzN8dMfak2ASQ17wPGaxLDn4nBBhZxnBOks4Xv4biB84Hsd5IxSTAl6S7zNtgbI95HB2LANLzVxmsS74GfjRmAax/Pl5W9fia9N/vHwhZ9aORIsfyGUBW9m41evCFt8jwO3+xC7CJst+pVxmt72POQUoAawLI51xkIuUB0l3UaSjOcxooETQFKJb8XMfZT9lEyhcM7y8Z679CCaF5E7iZsl+cvM6ZG8n+WkvG3/WLSYDYxs+vUjbZIyk8fjXs/yDzDQ+luGHlOLbD8gZFNssHAjw6ZL7hsZQ3EAIMjKzvLw+gWlLfUNwD/JczlH1fuMXDxkKA/rxL2Qum3V42GJeAjJ/y6/1lbxvu/QwgTyPlncIqjwffuwC7KPuY9B7PPcDbJUCe5e/k7CbDa/hDgEfPN5y9nMOcHhz29AWQlTlkhY4TnCNkeLVuCwKkcB/wG6eZsjX5mvKxfGwvaWjMfygTAeSjxpOM7TDpwfKlTVll+3Y+Lu/Kr9vyEsavlM0daMuHcD9TZO/kDUBXyX1KCGQZ/c6/BRgA4tPQT6Lhk7EAAAAASUVORK5CYII=');
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: inline-block;
  height: 72px;
  width: 81px;
  position: absolute;
  right: 1em;
  bottom: 1em;
  opacity: .3;
}

.spinner-box {
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 300px;
  width: 300px;
  position: relative;
}

.spinner-box:after {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyAyMDE5ICg2NC1CaXQpIC0tPg0KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIxNjcycHgiIGhlaWdodD0iNjA2cHgiIHZlcnNpb249IjEuMSIgc3R5bGU9InNoYXBlLXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IHRleHQtcmVuZGVyaW5nOmdlb21ldHJpY1ByZWNpc2lvbjsgaW1hZ2UtcmVuZGVyaW5nOm9wdGltaXplUXVhbGl0eTsgZmlsbC1ydWxlOmV2ZW5vZGQ7IGNsaXAtcnVsZTpldmVub2RkIg0Kdmlld0JveD0iMCAwIDE2NzAuNTIgNjA2LjE1Ig0KIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIg0KIHhtbG5zOnhvZG09Imh0dHA6Ly93d3cuY29yZWwuY29tL2NvcmVsZHJhdy9vZG0vMjAwMyI+DQogPGRlZnM+DQogIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQogICA8IVtDREFUQVsNCiAgICAuZmlsNCB7ZmlsbDojMUEzMzY2fQ0KICAgIC5maWwyIHtmaWxsOiNEMTNCMzZ9DQogICAgLmZpbDMge2ZpbGw6I0U1M0EyRX0NCiAgICAuZmlsMCB7ZmlsbDojMUEzMzY2O2ZpbGwtcnVsZTpub256ZXJvfQ0KICAgIC5maWwxIHtmaWxsOiNFNTNBMkU7ZmlsbC1ydWxlOm5vbnplcm99DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IlZyc3R2YV94MDAyMF8xIj4NCiAgPG1ldGFkYXRhIGlkPSJDb3JlbENvcnBJRF8wQ29yZWwtTGF5ZXIiLz4NCiAgPHBhdGggY2xhc3M9ImZpbDAiIGQ9Ik01MzUuNTEgNTE1LjA0YzE1LjA3LDAgMjcuNSwtMS4yNSAzNy4zMywtMy43NiA5LjgxLC0yLjUxIDE3LjY5LC01Ljk0IDIzLjYyLC0xMC4yOCA1Ljk0LC00LjMzIDEwLjA2LC05LjQ3IDEyLjMzLC0xNS40MSAyLjI5LC01LjkzIDMuNDMsLTEyLjU1IDMuNDMsLTE5Ljg2IDAsLTE1LjUyIC03LjMxLC0yOC40MyAtMjEuOTIsLTM4LjcgLTE0LjYxLC0xMC4yNyAtMzkuNzIsLTIxLjM1IC03NS4zNSwtMzMuMjIgLTE1LjUyLC01LjQ4IC0zMS4wNSwtMTEuNzYgLTQ2LjU3LC0xOC44NCAtMTUuNTMsLTcuMDcgLTI5LjQ2LC0xNS45OCAtNDEuNzgsLTI2LjcxIC0xMi4zNCwtMTAuNzMgLTIyLjM4LC0yMy43NSAtMzAuMTQsLTM5LjA1IC03Ljc3LC0xNS4zIC0xMS42NSwtMzMuOTEgLTExLjY1LC01NS44MiAwLC0yMS45MiA0LjExLC00MS42NyAxMi4zMywtNTkuMjUgOC4yMiwtMTcuNTggMTkuODYsLTMyLjU0IDM0LjkzLC00NC44NyAxNS4wNywtMTIuMzMgMzMuMzQsLTIxLjggNTQuOCwtMjguNDMgMjEuNDYsLTYuNjIgNDUuNjcsLTkuOTMgNzIuNiwtOS45MyAzMS45OCwwIDU5LjYsMy40MyA4Mi44OSwxMC4yOCAyMy4yOSw2Ljg0IDQyLjQ3LDE0LjM4IDU3LjU0LDIyLjZsLTMwLjgzIDg0LjI1Yy0xMy4yNCwtNi44NCAtMjcuOTYsLTEyLjkgLTQ0LjE4LC0xOC4xNCAtMTYuMjEsLTUuMjYgLTM1LjczLC03Ljg4IC01OC41NiwtNy44OCAtMjUuNTgsMCAtNDMuOTYsMy41NCAtNTUuMTQsMTAuNjEgLTExLjE5LDcuMDggLTE2Ljc4LDE3LjkyIC0xNi43OCwzMi41NCAwLDguNjggMi4wNSwxNS45OCA2LjE2LDIxLjkxIDQuMTEsNS45NSA5LjkzLDExLjMxIDE3LjQ2LDE2LjEgNy41NCw0LjggMTYuMjIsOS4xNCAyNi4wNCwxMy4wMiA5LjgyLDMuODggMjAuNjYsNy44OCAzMi41MywxMS45OCAyNC42Niw5LjE0IDQ2LjEzLDE4LjE2IDY0LjM5LDI3LjA2IDE4LjI3LDguOTEgMzMuNDUsMTkuMjkgNDUuNTYsMzEuMTcgMTIuMDksMTEuODcgMjEuMTEsMjUuOCAyNy4wNCw0MS43OCA1Ljk1LDE1Ljk5IDguOTEsMzUuMzkgOC45MSw1OC4yMiAwLDQ0LjMgLTE1LjUyLDc4LjY2IC00Ni41OCwxMDMuMDkgLTMxLjA0LDI0LjQzIC03Ny44NSwzNi42NSAtMTQwLjQxLDM2LjY1IC0yMS4wMSwwIC0zOS45NywtMS4yNiAtNTYuODYsLTMuNzcgLTE2LjksLTIuNTEgLTMxLjg1LC01LjU5IC00NC44NiwtOS4yNCAtMTMuMDIsLTMuNjUgLTI0LjIxLC03LjU0IC0zMy41NywtMTEuNjUgLTkuMzYsLTQuMTEgLTE3LjI0LC03Ljk5IC0yMy42MywtMTEuNjRsMzAuMTQgLTg0Ljk1YzE0LjE1LDcuNzcgMzEuNjMsMTQuNzMgNTIuNCwyMC45IDIwLjc4LDYuMTYgNDYuMjQsOS4yNCA3Ni4zOCw5LjI0eiIvPg0KICA8cGF0aCBpZD0iXzEiIGNsYXNzPSJmaWwwIiBkPSJNOTMwLjczIDEyMS44N2M4LjIyLDE1LjA3IDE3LjcsMzMuNjggMjguNTUsNTUuODMgMTAuNzMsMjIuMTQgMjEuOTEsNDYuMTIgMzMuNTYsNzEuOTIgMTEuNzYsMjUuOCAyMy4yOSw1Mi4xNyAzNC43MSw3OS4xMiAxMS41MywyNi45NCAyMi4yNiw1Mi4yOCAzMi4zLDc2LjAzIDEwLjA0LC0yMy43NSAyMC44OSwtNDkuMDkgMzIuMzEsLTc2LjAzIDExLjQxLC0yNi45NSAyMi45NCwtNTMuMzIgMzQuNywtNzkuMTIgMTEuNjUsLTI1LjggMjIuODQsLTQ5Ljc4IDMzLjU3LC03MS45MiAxMC44NCwtMjIuMTUgMjAuMzIsLTQwLjc2IDI4LjU0LC01NS44M2w5Ny4yNyAwYzQuNTcsMzEuNTEgOC43OCw2Ni43OCAxMi42NywxMDUuODMgMy44NywzOS4wNCA3LjMxLDc5LjY5IDEwLjI3LDEyMS45MiAyLjk3LDQyLjI0IDUuNzEsODQuNiA4LjIzLDEyNy4wNyAyLjUsNDIuNDYgNC42Nyw4Mi40MyA2LjUsMTE5Ljg3bC0xMDQuMTEgMGMtMS4zOCwtNDYuMTIgLTMuMjEsLTk2LjM2IC01LjQ5LC0xNTAuNjkgLTIuMjgsLTU0LjM1IC01LjcsLTEwOS4xNCAtMTAuMjcsLTE2NC4zOSAtOC4yMiwxOS4xNyAtMTcuMzYsNDAuNDEgLTI3LjUyLDYzLjcgLTEwLjA0LDIzLjI4IC0xOS45OCw0Ni41NyAtMjkuOSw2OS44NiAtOS44MiwyMy4yOSAtMTkuMyw0NS41NSAtMjguNDMsNjYuNzggLTkuMjUsMjEuMjUgLTE3LjAxLDM5LjM5IC0yMy40LDU0LjQ2bC03NC42NiAwYy02LjQsLTE1LjA3IC0xNC4xNywtMzMuMjEgLTIzLjQxLC01NC40NiAtOS4xNCwtMjEuMjMgLTE4LjYxLC00My40OSAtMjguNDMsLTY2Ljc4IC05LjkzLC0yMy4yOSAtMTkuODYsLTQ2LjU4IC0yOS45MSwtNjkuODYgLTEwLjA0LC0yMy4yOSAtMTkuMjksLTQ0LjUzIC0yNy41MSwtNjMuNyAtNC41Nyw1NS4yNSAtNy45OSwxMTAuMDQgLTEwLjI4LDE2NC4zOSAtMi4yOCw1NC4zMyAtNC4xLDEwNC41NyAtNS40NywxNTAuNjlsLTEwNC4xMiAwYzEuODIsLTM3LjQ0IDQsLTc3LjQxIDYuNTEsLTExOS44NyAyLjUxLC00Mi40NyA1LjI1LC04NC44MyA4LjIyLC0xMjcuMDcgMi45NiwtNDIuMjMgNi4zOSwtODIuODggMTAuMjcsLTEyMS45MiAzLjg4LC0zOS4wNSA4LjExLC03NC4zMiAxMi42OCwtMTA1LjgzbDEwMi4wNSAwIDAgMHoiLz4NCiAgPHBhdGggY2xhc3M9ImZpbDEiIGQ9Ik0wIDIwLjY5bDEyOC40NiAtMjAuNjkgMCAxMzMuNjMgMTU0LjMyIDAgMCAxMDYuOTEgLTE1NC4zMiAwIDAgMTU5LjQ5YzAsMjcuMDIgNC43NCw0OC41NyAxNC4yMiw2NC42NiA5LjQ5LDE2LjEgMjguNiwyNC4xNCA1Ny4zNCwyNC4xNCAxMy43OSwwIDI4LjAyLC0xLjI5IDQyLjY3LC0zLjg4IDE0LjY2LC0yLjU5IDI4LjAyLC02LjE3IDQwLjA5LC0xMC43OGwxOC4xIDEwMC4wMmMtMTUuNTIsNi4zMiAtMzIuNzYsMTEuNzcgLTUxLjcyLDE2LjM4IC0xOC45Nyw0LjU5IC00Mi4yNSw2Ljg5IC02OS44NCw2Ljg5IC0zNS4wNiwwIC02NC4wOCwtNC43NCAtODcuMDcsLTE0LjIyIC0yMi45OSwtOS40OSAtNDEuMzgsLTIyLjcgLTU1LjE4LC0zOS42NiAtMTMuNzksLTE2Ljk2IC0yMy40MiwtMzcuNTEgLTI4Ljg4LC02MS42NSAtNS40NiwtMjQuMTQgLTguMTksLTUwLjg2IC04LjE5LC04MC4xN2wwIC0zODEuMDcgMCAweiIvPg0KICA8ZyBpZD0iYW50ZW5uYV9vcmFuZ2Uuc3ZnIj4NCiAgIDxwYXRoIGNsYXNzPSJmaWwyIiBkPSJNMTI1Ni43NiAzMTEuMTVjMCwyNC44OCAxNS4wNCw0Ni4yNCAzNi41NCw1NS40NCA3LjMsMy4xMyAxNS4zMiw0Ljg3IDIzLjc2LDQuODcgMzMuMzIsMCA2MC4yOSwtMjYuOTggNjAuMjksLTYwLjMxIDAsLTMzLjMxIC0yNi45NywtNjAuMjkgLTYwLjI5LC02MC4yOSAtOC40NCwwIC0xNi40NiwxLjczIC0yMy43Niw0Ljg2IC0yMS41LDkuMjEgLTM2LjU0LDMwLjU2IC0zNi41NCw1NS40M3ptMCAweiIvPg0KICAgPHBhdGggY2xhc3M9ImZpbDMiIGQ9Ik0xMjU2Ljc2IDMxMS4xNWMwLDI0Ljg4IDE1LjA0LDQ2LjI0IDM2LjU0LDU1LjQ0IDIxLjQ4LC05LjIgMzYuNTIsLTMwLjU2IDM2LjUyLC01NS40NCAwLC0yNC44NyAtMTUuMDQsLTQ2LjIyIC0zNi41MiwtNTUuNDMgLTIxLjUsOS4yMSAtMzYuNTQsMzAuNTYgLTM2LjU0LDU1LjQzem0wIDB6Ii8+DQogICA8cGF0aCBjbGFzcz0iZmlsNCIgZD0iTTE0MjEuNSA0MzcuM2MtMy4yNSwyLjY2IC03LjE1LDMuOTUgLTExLjAzLDMuOTUgLTE2LjIxLDAgLTIzLjY3LC0yMC40NSAtMTEuMDQsLTMwLjgzIDMwLjI0LC0yNC44MyA0Ny42LC02MS40OSA0Ny42LC0xMDAuNTcgMCwtMzguMzggLTE2Ljg0LC03NC42IC00Ni4xOCwtOTkuMzkgLTcuMzMsLTYuMiAtOC4yNiwtMTcuMTYgLTIuMDYsLTI0LjUgNi4xOSwtNy4zNCAxNy4xNywtOC4yNiAyNC41MSwtMi4wNiAzNy4xNywzMS40MSA1OC41LDc3LjMyIDU4LjUsMTI1Ljk1IDAsNDkuNTMgLTIxLjk4LDk1Ljk5IC02MC4zLDEyNy40NWwwIDAgMCAwem0wIDB6Ii8+DQogICA8cGF0aCBjbGFzcz0iZmlsNCIgZD0iTTE0NzAuMjggNTIyLjY5Yy0zLjA4LDIuMjIgLTYuNjQsMy4yOCAtMTAuMTcsMy4yOCAtMTYuNzcsMCAtMjMuODcsLTIxLjYxIC0xMC4xOSwtMzEuNDggMTIzLjg2LC04OS4zNSAxMjcuNDEsLTI3NC42NyAyLjU2LC0zNjcuNDIgLTcuNzEsLTUuNzIgLTkuMzIsLTE2LjYxIC0zLjU4LC0yNC4zMyA1LjcyLC03LjcxIDE2LjYyLC05LjMxIDI0LjMyLC0zLjU4IDE0Mi4zMywxMDUuNzMgMTQxLjAxLDMxOS42OCAtMi45NCw0MjMuNTNsMCAwem0wIDB6Ii8+DQogICA8cGF0aCBjbGFzcz0iZmlsNCIgZD0iTTE1MDYuMzkgNjA0Ljk2Yy0xNy4wNSwwIC0yMy45MSwtMjIuMTQgLTkuODIsLTMxLjc2IDE4NC4yOSwtMTI1Ljg1IDE4NS4yNiwtMzk2LjQ4IDMuNiwtNTI0LjIyIC03Ljg1LC01LjUzIC05Ljc0LC0xNi4zOCAtNC4yMiwtMjQuMjMgNS41MiwtNy44NiAxNi4zNywtOS43NSAyNC4yMiwtNC4yMiA5NC4xNSw2Ni4yIDE1MC4zNSwxNzQuMzYgMTUwLjM1LDI4OS4zMiAwLDExNi44OCAtNTcuNywyMjYuMDcgLTE1NC4zNCwyOTIuMDYgLTMuMDEsMi4wNiAtNi40MiwzLjA1IC05Ljc5LDMuMDVsMCAwIDAgMHptMCAweiIvPg0KICA8L2c+DQogPC9nPg0KPC9zdmc+DQo=') no-repeat;
  background-size: cover;
  content: '';
  display: inline-block;
  height: 37px;
  width: 102px;
  position: absolute;
  top: 50%;
  right: 50%;
  margin: -21px -56px 0 0;
}

.circle-border {
  width: 150px;
  height: 150px;
  padding: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: #1a3366;
  background: linear-gradient(0deg, rgba(26, 51, 102, 0.1) 33%, rgba(26, 51, 102, 1) 100%);
  animation: spin 0.8s linear 0s infinite;
}

.circle-core {
  width: 100%;
  height: 100%;
  background-color: #f2f2f2;
  border-radius: 50%;
}

.dark-theme .circle-core {
  background-color: #2b2b2b;
}