/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/styles.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* You can add global styles to this file, and also import other style files */
@font-face {
  font-family: "Ubuntu";
  src: url('Ubuntu-Bold.ttf') format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Ubuntu";
  src: url('Ubuntu-BoldItalic.ttf') format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Ubuntu";
  src: url('Ubuntu-Italic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Ubuntu";
  src: url('Ubuntu-Light.ttf') format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Ubuntu";
  src: url('Ubuntu-LightItalic.ttf') format("truetype");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "Ubuntu";
  src: url('Ubuntu-Medium.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Ubuntu";
  src: url('Ubuntu-MediumItalic.ttf') format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Ubuntu";
  src: url('Ubuntu-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Clacon";
  src: url('Clacon.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
}
.fade-in-fwd {
  -webkit-animation: fade-in-fwd 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
          animation: fade-in-fwd 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2020-5-6 10:59:47
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
@-webkit-keyframes fade-in-fwd {
  0% {
    transform: translateZ(-80px);
    opacity: 0;
  }
  100% {
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes fade-in-fwd {
  0% {
    transform: translateZ(-80px);
    opacity: 0;
  }
  100% {
    transform: translateZ(0);
    opacity: 1;
  }
}
.default-theme body {
  height: 100%;
  margin: 0;
  overflow: hidden;
  font-family: "Ubuntu", "sans-serif" !important;
  padding: 0;
  font-size: 100%;
  text-rendering: geometricPrecision;
  background-color: #000;
  color: #FFF;
}
.default-theme .icon, .default-theme .image {
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.default-theme .icon svg, .default-theme .image svg {
  fill: #FFF;
}
.default-theme .icon svg rect, .default-theme .icon svg circle, .default-theme .icon svg path, .default-theme .icon svg line, .default-theme .image svg rect, .default-theme .image svg circle, .default-theme .image svg path, .default-theme .image svg line {
  fill: #FFF !important;
}
.default-theme .icon svg, .default-theme .image svg {
  width: 100%;
  height: 100%;
}
.default-theme .icon svg g:first-child, .default-theme .image svg g:first-child {
  width: 100%;
  height: 100%;
}
.default-theme .icon image, .default-theme .image image {
  width: 100%;
  height: 100%;
}
.default-theme .hidden {
  display: none !important;
  visibility: hidden !important;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  opacity: 0;
}
.default-theme hr {
  border-color: #FFF;
  margin: 1.5rem 0;
}
.default-theme .taskbar {
  position: relative;
  grid-area: taskbar;
  background-color: #171717;
  color: #FFF;
  height: 100%;
  transform: translate(0, 500px);
  display: grid;
  align-items: center;
  grid-template-areas: "menuToggle menu windows themeToggle themeSelector today";
  grid-template-columns: 8rem 0 1fr 2rem 0 7rem;
  z-index: 9000009;
}
@media (max-width: 992px) {
  .default-theme .taskbar {
    grid-template-columns: 4rem 0 1fr 2rem 0 7rem;
  }
}
.default-theme .taskbar-menu {
  display: flex;
  place-items: center;
  place-content: center;
  padding: 1rem;
  background-color: #FFF;
  font-size: 1rem;
  color: #000;
  cursor: pointer;
  grid-area: menuToggle;
  font-weight: bold;
}
.default-theme .taskbar-menu .icon {
  height: 1rem;
  width: 1rem;
  margin-right: 1rem;
}
.default-theme .taskbar-menu .icon svg {
  fill: #000;
}
.default-theme .taskbar-menu .icon svg rect, .default-theme .taskbar-menu .icon svg circle, .default-theme .taskbar-menu .icon svg path, .default-theme .taskbar-menu .icon svg line {
  fill: #000 !important;
}
@media (max-width: 992px) {
  .default-theme .taskbar-menu .icon {
    margin-right: 0;
  }
}
@media (max-width: 992px) {
  .default-theme .taskbar-menu span {
    display: none;
  }
}
.default-theme .taskbar-today {
  grid-area: today;
  color: #FFF;
  display: flex;
  place-content: center;
  place-items: center;
  font-size: 0.75rem;
  font-weight: bold;
}
.default-theme .taskbar-windows {
  grid-area: windows;
  display: inline-flex;
  overflow-x: auto;
  height: 100%;
}
.default-theme .taskbar-windows::-webkit-scrollbar {
  width: 2.5px;
  height: 2.5px;
}
.default-theme .taskbar-windows::-webkit-scrollbar-thumb {
  background: #000;
}
.default-theme .taskbar-windows::-webkit-scrollbar-track {
  background: #FFF;
}
.default-theme .taskbar-windows {
  scrollbar-face-color: #000;
  scrollbar-track-color: #FFF;
}
.default-theme .taskbar-windows-item {
  height: 100%;
  background-color: #000;
  color: #FFF;
  display: inline-flex;
  place-content: center;
  place-items: center;
  min-width: 8rem;
  transition: all 0.25s ease-out;
  cursor: pointer;
  font-size: 1rem;
  font-weight: bolder;
  opacity: 0;
  box-shadow: 0 0 0 0 #FFF inset;
  padding: 0 0.75rem;
}
@media (max-width: 992px) {
  .default-theme .taskbar-windows-item {
    min-width: 3rem;
    padding: 0;
  }
  .default-theme .taskbar-windows-item span {
    display: none;
  }
}
.default-theme .taskbar-windows-item .icon {
  margin-right: 0.75rem;
  width: 1rem;
  height: 1rem;
}
.default-theme .taskbar-windows-item .icon svg {
  fill: #FFF;
}
.default-theme .taskbar-windows-item .icon svg rect, .default-theme .taskbar-windows-item .icon svg circle, .default-theme .taskbar-windows-item .icon svg path, .default-theme .taskbar-windows-item .icon svg line {
  fill: #FFF !important;
}
@media (max-width: 992px) {
  .default-theme .taskbar-windows-item .icon {
    margin-right: 0;
  }
}
.default-theme .taskbar-windows-item:hover {
  box-shadow: 0 -5px 0 0 #21e6c1 inset;
}
.default-theme .taskbar-windows-item.active {
  box-shadow: 0 -100px 0 0 #21e6c1 inset;
  color: #000;
}
.default-theme .taskbar-windows-item.active svg {
  fill: #000;
}
.default-theme .taskbar-windows-item.active svg rect, .default-theme .taskbar-windows-item.active svg circle, .default-theme .taskbar-windows-item.active svg path, .default-theme .taskbar-windows-item.active svg line {
  fill: #000 !important;
}
.default-theme .taskbar-windows-item span {
  text-overflow: ellipsis;
  text-align: center;
  text-transform: capitalize;
}
.default-theme .taskbar .menu {
  grid-area: menu;
  display: grid;
  grid-template-rows: 1fr 5rem;
  min-width: 30vw;
  min-height: 30vh;
  position: absolute;
  left: -8rem;
  bottom: 3.1rem;
  z-index: 9000009;
  background-color: #171717;
  color: #FFF;
}
@media (max-width: 992px) {
  .default-theme .taskbar .menu {
    grid-area: none;
    left: 0;
    bottom: 3rem;
    min-width: unset;
    min-height: unset;
    border-bottom: none;
    position: fixed;
    width: calc(100vw - 4px);
    height: 95vh;
  }
}
.default-theme .taskbar .menu h3 {
  font-size: 1.5rem;
  color: #FFF;
}
.default-theme .taskbar .menu-applications {
  display: flex;
  flex-direction: column;
  width: calc(100% - 2rem);
  height: calc(100% - 2rem);
  padding: 1rem;
  overflow: auto;
}
.default-theme .taskbar .menu-applications::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.default-theme .taskbar .menu-applications::-webkit-scrollbar-thumb {
  background: #FFF;
}
.default-theme .taskbar .menu-applications::-webkit-scrollbar-track {
  background: #000;
}
.default-theme .taskbar .menu-applications {
  scrollbar-face-color: #FFF;
  scrollbar-track-color: #000;
}
.default-theme .taskbar .menu-applications-item {
  display: grid;
  grid-template-columns: 1rem 1fr;
  grid-column-gap: 0.75rem;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
  margin-bottom: 1rem;
  align-items: center;
  padding: 1rem;
  margin: 0 -1rem;
  cursor: pointer;
}
.default-theme .taskbar .menu-applications-item .icon {
  width: 1rem;
  height: 1rem;
}
.default-theme .taskbar .menu-applications-item:hover {
  background-color: rgba(33, 230, 193, 0.1);
}
.default-theme .taskbar .menu-user {
  display: grid;
  width: calc(100% - 2rem);
  height: calc(100% - 2rem);
  justify-items: center;
  grid-template-columns: 3rem auto;
  grid-column-gap: 1rem;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  padding: 1rem;
  background-color: #000;
  color: #FFF;
}
.default-theme .taskbar .menu-user-icon {
  height: 100%;
  width: 100%;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-position: center left !important;
}
.default-theme .taskbar .menu-user-info {
  display: flex;
  flex-direction: column;
  place-content: flex-start;
  justify-items: flex-start;
  justify-content: space-between;
  width: 100%;
}
.default-theme .taskbar .menu-user-info h4 {
  margin: 0;
  font-size: 1.5rem;
}
.default-theme .taskbar .menu-user-info b {
  color: #21e6c1;
}
.default-theme .taskbar-theme {
  grid-area: themeSelector;
  position: absolute;
  bottom: 4rem;
  right: -5rem;
  width: auto;
  min-width: 5rem;
  padding: 1rem;
  background-color: #171717;
  color: #FFF;
  border: 5px solid #21e6c1;
  box-shadow: 0 5px 0 0 rgba(33, 230, 193, 0.5);
  border-radius: 5px;
}
.default-theme .taskbar-theme-colors {
  display: flex;
  flex-direction: column;
}
.default-theme .taskbar-theme-colors h3 {
  margin: 0 0 0.75rem 0;
  color: #FFF;
  font-size: 0.75rem;
  text-align: center;
}
.default-theme .taskbar-theme-colors-picker {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-row-gap: 0.75rem;
  row-gap: 0.75rem;
  grid-column-gap: 0.75rem;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}
.default-theme .taskbar-theme-colors-item {
  width: 2rem;
  height: 2rem;
  border: 5px solid #FFF;
  box-shadow: 0 5px 0 0 rgba(255, 255, 255, 0.5);
  border-radius: 5px;
  cursor: pointer;
}
.default-theme .taskbar-theme-colors-item.selected {
  border: 5px solid white;
  box-shadow: 0 5px 0 0 rgba(255, 255, 255, 0.5);
  border-radius: 5px;
}
.default-theme .taskbar-theme-toggle {
  grid-area: themeToggle;
  width: 1rem;
  height: 1rem;
  cursor: pointer;
  background-color: #21e6c1;
  border: 5px solid #FFF;
  border-radius: 5px;
}
.default-theme .window {
  display: grid;
  grid-template-rows: auto 1fr;
  max-height: 75%;
  max-width: 75%;
  opacity: 0;
  resize: both;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: filter 0.25s ease-out;
  background-color: #171717;
  color: #FFF;
  border: 5px solid #FFF;
  box-shadow: 0 5px 0 0 rgba(255, 255, 255, 0.5);
  border-radius: 5px;
}
@media (max-width: 767px) {
  .default-theme .window {
    width: calc(100% - 2px) !important;
    height: calc(100% - 2px) !important;
    max-width: 100vw !important;
    max-height: calc(100% - 3rem) !important;
    transform: translate(-50%, -50%) !important;
    margin-top: -25px;
    -webkit-font-smoothing: subpixel-antialiased;
  }
}
.default-theme .window.full-screen {
  width: calc(100% - 2px) !important;
  height: calc(100% - 2px) !important;
  max-width: 100vw !important;
  max-height: calc(100% - 3rem) !important;
  transform: translate(-50%, -50%) !important;
  margin-top: -25px;
  -webkit-font-smoothing: subpixel-antialiased;
  border: none;
}
.default-theme .window.on-focus {
  z-index: 90001;
  background-color: #171717;
}
.default-theme .window:not(.on-focus) {
  z-index: 0 !important;
  filter: grayscale(100%) brightness(50%);
}
@media (max-width: 767px) {
  .default-theme .window:not(.on-focus) {
    opacity: 1 !important;
  }
}
.default-theme .window-toolbar {
  width: 100%;
  background-color: #FFF;
  color: #000;
  display: inline-flex;
  justify-items: center;
  justify-content: space-between;
  z-index: 0;
}
.default-theme .window-toolbar-title {
  display: inline-flex;
  padding: 0.75rem;
  font-weight: bold;
}
.default-theme .window-toolbar-title .icon {
  margin-right: 0.75rem;
  width: 1rem;
  height: 1rem;
}
.default-theme .window-toolbar-title .icon svg {
  fill: #000;
}
.default-theme .window-toolbar-title .icon svg rect, .default-theme .window-toolbar-title .icon svg circle, .default-theme .window-toolbar-title .icon svg path, .default-theme .window-toolbar-title .icon svg line {
  fill: #000 !important;
}
.default-theme .window-toolbar-actions {
  display: inline-flex;
  border-top-right-radius: 5px;
}
.default-theme .window-toolbar-actions .icon {
  padding: 0.75rem;
  cursor: pointer;
  opacity: 1;
}
.default-theme .window-toolbar-actions .icon svg {
  fill: #000;
}
.default-theme .window-toolbar-actions .icon svg rect, .default-theme .window-toolbar-actions .icon svg circle, .default-theme .window-toolbar-actions .icon svg path, .default-theme .window-toolbar-actions .icon svg line {
  fill: #000 !important;
}
.default-theme .window-toolbar-actions .icon svg {
  height: 1rem;
  width: 1rem;
  opacity: 0.5;
  transition: opacity 0.25s ease-out;
}
.default-theme .window-toolbar-actions .icon:hover svg {
  opacity: 1;
}
.default-theme .window-content {
  padding: 0;
  width: 100%;
  color: #FFF;
  overflow: auto;
}
.default-theme .loader {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 900009;
  background-color: black;
  color: white;
  display: flex;
  flex-direction: column;
  place-content: flex-start;
  place-items: flex-start;
  opacity: 0;
  text-transform: uppercase;
  font-size: 0.75rem;
  font-family: "Clacon", "sans-serif" !important;
  max-height: 100%;
  overflow: auto;
}
@media (max-width: 992px) {
  .default-theme .loader {
    padding: 1rem;
    width: calc(100% - 2rem);
    height: calc(100% - 2rem);
    font-size: 0.75rem;
  }
}
.default-theme .loader-title {
  margin-left: 1rem;
}
@media (max-width: 767px) {
  .default-theme .loader-title {
    margin-left: 1rem;
  }
}
.default-theme .loader-title p {
  margin: 0;
}
.default-theme .loader ul {
  list-style: none;
  margin-left: 1rem;
  padding: 0;
}
@media (max-width: 767px) {
  .default-theme .loader ul {
    margin-left: 1rem;
  }
}
.default-theme .loader ul li {
  padding: 0;
  display: grid;
  grid-template-columns: 4.5rem auto 1rem;
  align-items: center;
}
.default-theme .loader ul li b {
  background-color: blue;
}
.default-theme .loader ul li i {
  background-color: lawngreen;
  color: blue;
  font-style: normal;
}
.default-theme .loader ul li small {
  font-size: inherit !important;
  background-color: red;
}
.default-theme .loader ul li pre {
  display: inline-flex;
  margin: 0;
  background-color: aqua;
  font-size: inherit !important;
  font-family: inherit !important;
}
.default-theme .loader-rindex {
  color: white;
}
.default-theme .nicaos {
  display: grid;
  grid-template-areas: "desktop" "taskbar";
  height: 100%;
  grid-template-rows: calc(100% - 3rem - 2px) calc(3rem + 2px);
}
.default-theme .nicaos .desktop {
  grid-area: desktop;
  height: 100%;
  overflow: hidden;
  place-content: flex-start;
  place-items: flex-start;
  flex-wrap: wrap;
  opacity: 0;
  position: relative;
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .default-theme .nicaos .desktop {
    flex-direction: row;
  }
}
.default-theme .nicaos .desktop-icon {
  display: inline-flex;
  flex-direction: column;
  place-content: flex-start;
  place-items: center;
  width: 4rem;
  height: 4rem;
  margin: 0.75rem;
  padding: 0.75rem;
  cursor: pointer;
  opacity: 0;
  transform: translate3d(0, 100px, 0);
  color: #FFF;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 0.75rem;
  font-weight: bolder;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
  text-transform: capitalize;
}
@media (max-width: 767px) {
  .default-theme .nicaos .desktop-icon {
    margin: 0;
    width: 4rem;
    padding: 0.75rem;
  }
}
.default-theme .nicaos .desktop-icon:hover {
  background-color: rgba(255, 255, 255, 0.25);
}
.default-theme .nicaos .desktop-icon .icon {
  width: 2rem;
  height: 2rem;
  margin-bottom: 1rem;
}
.default-theme .nicaos .desktop-icon .icon svg {
  fill: #FFF;
}
.default-theme .nicaos .desktop-icon .icon svg rect, .default-theme .nicaos .desktop-icon .icon svg circle, .default-theme .nicaos .desktop-icon .icon svg path, .default-theme .nicaos .desktop-icon .icon svg line {
  fill: #FFF !important;
}
.default-theme .nicaos .desktop-background {
  opacity: 0;
  position: absolute;
  width: 5rem;
  height: 5rem;
  top: calc(50% - 2.5rem);
  left: calc(50% - 2.5rem);
  border-radius: 5px;
}
@media (max-width: 767px) {
  .default-theme .nicaos .desktop-background {
    width: 2rem;
    height: 2rem;
    left: calc(50% - 1rem);
  }
}
.default-theme .nicaos #console {
  overflow: auto;
  padding: 1.5rem;
  height: calc(100% - 3rem);
  width: calc(100% - 3rem);
  background-color: black;
  font-family: "Clacon", "sans-serif" !important;
}
.default-theme .nicaos #console::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.default-theme .nicaos #console::-webkit-scrollbar-thumb {
  background: #FFF;
}
.default-theme .nicaos #console::-webkit-scrollbar-track {
  background: #000;
}
.default-theme .nicaos #console {
  scrollbar-face-color: #FFF;
  scrollbar-track-color: #000;
}
.default-theme .nicaos #console table {
  width: 100%;
  font-size: 1.5rem;
}
.default-theme .nicaos #console table .console-description {
  color: lawngreen;
}
.default-theme .nicaos #console table .console-message b {
  color: #82B6FF;
}
.default-theme h1:before, .default-theme h2:before {
  content: "";
  background-color: #FFF;
  width: 2rem;
  height: 0.5rem;
  border-radius: 5px;
  display: block;
}
.default-theme b .emphasis {
  color: #FFF;
}
.default-theme .full-row {
  grid-column: -1/1;
}
.default-theme .app-select {
  display: inline-flex;
  width: 100%;
  height: 100%;
  position: relative;
  min-width: 10rem;
  cursor: pointer;
}
.default-theme .app-select:before {
  content: "";
  display: block;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #21e6c1;
  position: absolute;
  right: calc(1rem - 2.5px);
  top: calc(50% - 2.5px);
}
.default-theme .app-select-value {
  background-color: rgba(33, 230, 193, 0.1);
  padding: 1rem;
  width: calc(100% - 2rem);
  height: calc(100% - 2rem);
}
.default-theme .app-select-options {
  position: absolute;
  z-index: 90001;
  width: 100%;
  top: 100%;
  left: 0;
  background-color: #171717;
  color: #FFF;
  box-shadow: 0 2px 5px 0 #000;
}
.default-theme .app-select-options-item {
  padding: 1rem;
  width: calc(100% - 2rem);
  height: calc(100% - 2rem);
  cursor: pointer;
}
.default-theme .app-select-options-item:hover {
  background-color: rgba(33, 230, 193, 0.05);
}
.default-theme .app-select-options-item.selected {
  background-color: rgba(33, 230, 193, 0.1);
}
.default-theme app-link {
  display: contents;
}
.default-theme app-link a {
  text-decoration: none;
  color: #21e6c1;
  cursor: pointer;
  display: inline-block;
}
.default-theme app-link a fa-icon {
  font-size: 0.75rem;
  margin-right: 0.5rem;
  color: #21e6c1;
}
.default-theme app-tooltip {
  display: contents;
}
.default-theme app-tooltip .tooltip {
  background-color: #171717;
  color: #FFF;
  width: calc(100% - 1rem * 2 - 10px);
  display: flex;
  padding: 1rem;
  font-weight: bolder;
  grid-column: 1/-1;
  margin-bottom: 1rem;
  border: 5px solid #FFF;
  box-shadow: 0 5px 0 0 rgba(255, 255, 255, 0.5);
  border-radius: 5px;
}
.default-theme app-tooltip .tooltip fa-icon {
  margin-right: 1rem;
}
.default-theme .app-welcome {
  display: grid;
  grid-template-columns: 25% 75%;
  width: 100%;
  height: 100%;
  background-color: #000;
}
@media (max-width: 767px) {
  .default-theme .app-welcome {
    grid-template-columns: 100%;
  }
}
.default-theme .app-welcome .image {
  width: 2rem;
  height: 2rem;
}
.default-theme .app-welcome h1 {
  font-size: 3rem;
  margin-top: 0;
  margin-bottom: 1.5rem;
}
@media (max-width: 767px) {
  .default-theme .app-welcome h1 {
    font-size: 2rem;
  }
}
.default-theme .app-welcome h2 {
  width: 100%;
  padding: 1.5rem 0;
  text-align: left;
  font-size: 3rem;
  grid-column: 1/-1;
}
@media (max-width: 767px) {
  .default-theme .app-welcome h2 {
    grid-area: none;
  }
}
.default-theme .app-welcome-left {
  background-color: black;
  height: calc(100% - 1.5rem);
  width: calc(100% - 1.5rem);
  padding: 0.75rem;
  position: relative;
}
@media (max-width: 767px) {
  .default-theme .app-welcome-left {
    display: none;
  }
}
.default-theme .app-welcome-left h3 {
  margin-top: 0;
}
.default-theme .app-welcome-left ul {
  list-style: none;
  margin: 0;
  padding: 0 0 0 1rem;
}
.default-theme .app-welcome-left ul li {
  margin: 0.75rem 0;
  cursor: pointer;
  opacity: 0.5;
  transition: color 0.25s ease-in-out;
}
.default-theme .app-welcome-left ul li.active {
  color: #21e6c1;
  opacity: 1;
}
.default-theme .app-welcome-left ul li:hover {
  color: #FFF;
  opacity: 1;
}
.default-theme .app-welcome-left #downloadCV a {
  position: absolute;
  bottom: 1rem;
  display: inline-flex;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  padding: 0.75rem;
  width: calc(100% - 3rem - 10px);
  border: 5px solid #21e6c1;
  box-shadow: 0 5px 0 0 rgba(33, 230, 193, 0.5);
  border-radius: 5px;
}
.default-theme .app-welcome-right {
  height: calc(100% - 3rem);
  width: calc(100% - 3rem);
  overflow: auto;
  padding: 1.5rem;
  background-color: rgba(33, 230, 193, 0.1);
}
.default-theme .app-welcome-right::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.default-theme .app-welcome-right::-webkit-scrollbar-thumb {
  background: #21e6c1;
}
.default-theme .app-welcome-right::-webkit-scrollbar-track {
  background: rgba(33, 230, 193, 0.1);
}
.default-theme .app-welcome-right {
  scrollbar-face-color: #21e6c1;
  scrollbar-track-color: rgba(33, 230, 193, 0.1);
}
.default-theme .app-welcome-right #intro {
  flex-wrap: wrap;
  display: grid;
  grid-template-columns: 50% 50%;
  grid-column-gap: 0.75rem;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
  grid-template-areas: "h1 h1" "text1 text1";
}
@media (max-width: 767px) {
  .default-theme .app-welcome-right #intro {
    grid-template-areas: none;
    grid-template-columns: none;
    display: flex;
  }
}
.default-theme .app-welcome-right .personal-icons {
  margin: 1rem 0;
  display: inline-grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}
.default-theme .app-welcome-right .personal-icons-item {
  display: inline-flex;
  place-items: center;
  color: #000;
  background-color: #21e6c1;
  border: 5px solid #21e6c1;
  box-shadow: 0 5px 0 0 rgba(33, 230, 193, 0.5);
  border-radius: 5px;
}
.default-theme .app-welcome-right .personal-icons-item .image {
  width: 64px;
  height: 68px;
  margin-right: 1rem;
  border-radius: 5px;
}
.default-theme .app-welcome-right .personal-icons-item span {
  font-size: 1rem;
  font-weight: bold;
}
.default-theme .app-welcome-right #story {
  flex-wrap: wrap;
  display: grid;
  grid-template-columns: 50% 50%;
  grid-column-gap: 0.75rem;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
  grid-template-areas: "h2 h2" "about01 about01" "text2 text2";
}
@media (max-width: 767px) {
  .default-theme .app-welcome-right #story {
    grid-template-areas: none;
    grid-template-columns: none;
    display: flex;
  }
}
.default-theme .app-welcome-right h1 {
  grid-area: h1;
  padding: 1.5rem 0;
  text-align: left;
}
@media (max-width: 767px) {
  .default-theme .app-welcome-right h1 {
    grid-area: none;
  }
}
.default-theme .app-welcome-right h2 {
  grid-area: h2;
}
.default-theme .app-welcome-right #about01 {
  width: 100%;
  height: auto;
  max-width: 10rem;
  float: right;
  grid-area: about01;
  padding: 1.5rem 0;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .default-theme .app-welcome-right #about01 {
    width: 15rem;
    height: auto;
    max-width: 100vw;
    margin: 0 auto;
    grid-area: none;
  }
}
.default-theme .app-welcome-right #text1 {
  text-align: left;
  padding: 1.5rem 0;
}
.default-theme .app-welcome-right #works .education-item,
.default-theme .app-welcome-right #works .work-item,
.default-theme .app-welcome-right #education .education-item,
.default-theme .app-welcome-right #education .work-item {
  display: inline-grid;
  grid-column-gap: 1rem;
  margin-bottom: 1.5rem;
  place-items: center;
  grid-template-areas: "icon title" "icon date" "empty subtitle";
}
.default-theme .app-welcome-right #works .education-item .image,
.default-theme .app-welcome-right #works .work-item .image,
.default-theme .app-welcome-right #education .education-item .image,
.default-theme .app-welcome-right #education .work-item .image {
  grid-area: icon;
  min-width: 5rem;
  min-height: 5rem;
}
.default-theme .app-welcome-right #works .education-item-title,
.default-theme .app-welcome-right #works .work-item-title,
.default-theme .app-welcome-right #education .education-item-title,
.default-theme .app-welcome-right #education .work-item-title {
  grid-area: title;
  width: 100%;
  font-weight: bolder;
  font-size: 1.5rem;
}
.default-theme .app-welcome-right #works .education-item-subtitle,
.default-theme .app-welcome-right #works .work-item-subtitle,
.default-theme .app-welcome-right #education .education-item-subtitle,
.default-theme .app-welcome-right #education .work-item-subtitle {
  grid-area: subtitle;
  margin-top: 0.75rem;
}
.default-theme .app-welcome-right #works .education-item-dates,
.default-theme .app-welcome-right #works .work-item-dates,
.default-theme .app-welcome-right #education .education-item-dates,
.default-theme .app-welcome-right #education .work-item-dates {
  width: 100%;
  grid-area: date;
}
.default-theme .app-welcome-right #skills .skills-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}
@media (max-width: 992px) {
  .default-theme .app-welcome-right #skills .skills-container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .default-theme .app-welcome-right #skills .skills-container {
    grid-template-columns: 1fr;
  }
}
.default-theme .app-welcome-right #skills .skills-item {
  display: grid;
  grid-template-areas: "icon title" "description description";
  grid-template-columns: 2rem auto;
  background-color: #171717;
  color: #FFF;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  padding: 1rem;
  border: 5px solid #21e6c1;
  box-shadow: 0 5px 0 0 rgba(33, 230, 193, 0.5);
  border-radius: 5px;
}
.default-theme .app-welcome-right #skills .skills-item-title {
  grid-area: title;
  font-weight: bolder;
  font-size: 1.5rem;
}
.default-theme .app-welcome-right #skills .skills-item-description {
  grid-area: description;
  color: #FFF;
}
.default-theme .app-welcome-right #skills .skills-item-icon {
  grid-area: icon;
  color: #FFF;
  font-size: 1.5rem;
}
.default-theme .app-welcome-right #more .more-links {
  margin-top: 1.5rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}
@media (max-width: 992px) {
  .default-theme .app-welcome-right #more .more-links {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767px) {
  .default-theme .app-welcome-right #more .more-links {
    grid-template-columns: repeat(2, 1fr);
  }
}
.default-theme .app-welcome-right #more .more-links app-link a {
  display: inline-flex;
  justify-content: center;
  place-content: center;
  align-items: center;
  justify-items: center;
  padding: 1rem;
  border: 5px solid #21e6c1;
  box-shadow: 0 5px 0 0 rgba(33, 230, 193, 0.5);
  border-radius: 5px;
}
.default-theme .app-welcome-right #more .more-links app-link#downloadCV a {
  background-color: #FFF;
  color: #171717;
  grid-column: 1/-1;
}
.default-theme .app-welcome h1 {
  margin: 0;
}
.default-theme .app-welcome h2 {
  margin: 1rem 0 0 0;
}
.default-theme .app-welcome span {
  font-size: 1.5rem;
}
.default-theme .app-welcome span b, .default-theme .app-welcome span i {
  color: #21e6c1;
}
.default-theme .app-welcome span#text1 {
  grid-area: text1;
}
@media (max-width: 767px) {
  .default-theme .app-welcome span#text1 {
    grid-area: none;
  }
}
.default-theme .app-welcome span#text2 {
  grid-area: text2;
}
@media (max-width: 767px) {
  .default-theme .app-welcome span#text2 {
    grid-area: none;
  }
}
.default-theme .app-browser {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-areas: "toolbar" "iframe";
  grid-template-rows: 2rem 1fr;
}
.default-theme .app-browser-searchbar {
  grid-area: toolbar;
  padding: 0 1rem;
  place-content: center;
}
.default-theme .app-browser-searchbar input {
  width: 100%;
  height: 2rem;
  border: none;
  outline: none;
  margin: 0;
  border-radius: 0;
  background-color: #171717;
  color: #FFF;
}
.default-theme .app-browser iframe {
  border: none;
  grid-area: iframe;
  width: 100%;
  height: 100%;
  margin: 0;
}
.default-theme .app-file-explorer {
  display: grid;
  grid-template-areas: "toolbar toolbar" "three result";
  grid-template-rows: auto 1fr;
  grid-template-columns: 25% 1fr;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
@media (max-width: 767px) {
  .default-theme .app-file-explorer {
    grid-template-columns: 35% 1fr;
  }
}
.default-theme .app-file-explorer-toolbar {
  grid-area: toolbar;
  background-color: rgba(255, 255, 255, 0.1);
  color: #171717;
  display: inline-flex;
  width: 100%;
}
.default-theme .app-file-explorer-toolbar fa-icon {
  display: inline-flex;
  padding: 0 1rem;
  background-color: #171717;
  color: #FFF;
  place-items: center;
}
.default-theme .app-file-explorer-toolbar input {
  background-color: transparent;
  color: #FFF;
  border: 0;
  outline: none;
  border-radius: 0;
  padding: 1rem;
  width: calc(100% - 2rem);
  font-weight: bolder;
  font-style: italic;
}
.default-theme .app-file-explorer-three {
  grid-area: three;
  background-color: rgba(0, 0, 0, 0.25);
  width: 100%;
  height: 100%;
  overflow: auto;
}
.default-theme .app-file-explorer-three::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.default-theme .app-file-explorer-three::-webkit-scrollbar-thumb {
  background: #FFF;
}
.default-theme .app-file-explorer-three::-webkit-scrollbar-track {
  background: #000;
}
.default-theme .app-file-explorer-three {
  scrollbar-face-color: #FFF;
  scrollbar-track-color: #000;
}
.default-theme .app-file-explorer-three ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.default-theme .app-file-explorer-three ul li {
  padding: 0.75rem 1rem;
  display: inline-flex;
  width: calc(100% - 2rem);
  cursor: pointer !important;
  text-transform: capitalize;
}
@media (max-width: 767px) {
  .default-theme .app-file-explorer-three ul li {
    font-size: 0.75rem;
  }
}
.default-theme .app-file-explorer-three ul li .icon {
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  max-width: 1rem;
  margin-right: 1rem;
}
.default-theme .app-file-explorer-three ul li .icon svg {
  fill: #FFF;
}
.default-theme .app-file-explorer-three ul li .icon svg rect, .default-theme .app-file-explorer-three ul li .icon svg circle, .default-theme .app-file-explorer-three ul li .icon svg path, .default-theme .app-file-explorer-three ul li .icon svg line {
  fill: #FFF !important;
}
.default-theme .app-file-explorer-three ul li:hover, .default-theme .app-file-explorer-three ul li.active {
  background-color: #21e6c1;
  color: #000;
}
.default-theme .app-file-explorer-three ul li:hover svg, .default-theme .app-file-explorer-three ul li.active svg {
  fill: #000;
}
.default-theme .app-file-explorer-three ul li:hover svg rect, .default-theme .app-file-explorer-three ul li:hover svg circle, .default-theme .app-file-explorer-three ul li:hover svg path, .default-theme .app-file-explorer-three ul li:hover svg line, .default-theme .app-file-explorer-three ul li.active svg rect, .default-theme .app-file-explorer-three ul li.active svg circle, .default-theme .app-file-explorer-three ul li.active svg path, .default-theme .app-file-explorer-three ul li.active svg line {
  fill: #000 !important;
}
.default-theme .app-file-explorer-three ul li.secondary {
  padding-left: 1.5rem;
  width: calc(100% - 1rem - 1.5rem);
}
.default-theme .app-file-explorer-result {
  grid-area: result;
  display: flex;
  flex-direction: column;
  padding: 1rem;
  width: calc(100% - 2rem);
  height: calc(100% - 2rem);
  overflow: auto;
  background-color: #000;
}
.default-theme .app-file-explorer-result::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.default-theme .app-file-explorer-result::-webkit-scrollbar-thumb {
  background: #21e6c1;
}
.default-theme .app-file-explorer-result::-webkit-scrollbar-track {
  background: rgba(33, 230, 193, 0.1);
}
.default-theme .app-file-explorer-result {
  scrollbar-face-color: #21e6c1;
  scrollbar-track-color: rgba(33, 230, 193, 0.1);
}
.default-theme .app-file-explorer-result table thead tr {
  border-bottom: 1px solid #21e6c1;
}
.default-theme .app-file-explorer-result table thead tr th {
  text-align: left;
  font-size: 0.75rem;
  color: #FFF;
}
.default-theme .app-file-explorer-result table tbody tr {
  background-color: rgba(33, 230, 193, 0.1);
  cursor: pointer;
}
.default-theme .app-file-explorer-result table tbody tr.app-file-explorer-result-separator {
  background-color: #21e6c1;
  color: #000;
}
.default-theme .app-file-explorer-result table tbody tr.app-file-explorer-result-separator h4 {
  margin: 0;
}
.default-theme .app-file-explorer-result table tbody tr:not(.app-file-explorer-result-empty):hover {
  background-color: rgba(33, 230, 193, 0.25);
}
.default-theme .app-file-explorer-result table tbody tr.app-file-explorer-result-separator:hover {
  background-color: #21e6c1;
}
.default-theme .app-file-explorer-result table tbody tr td {
  padding: 1rem;
}
.default-theme .app-file-explorer-result table tbody tr td h3 {
  margin: 0;
  width: 100%;
  text-align: center;
  opacity: 0.5;
}
.default-theme .app-file-explorer-result table tbody tr td .icon {
  width: 1rem;
  height: 1rem;
  margin-right: 1rem;
  float: left;
}
.default-theme .app-file-explorer-result table tbody tr td p {
  float: left;
  margin: 0;
}
.default-theme .text-editor {
  display: grid;
  grid-template-areas: "toolbar" "pages";
  grid-template-rows: auto 1fr;
  height: 100%;
  overflow: hidden;
}
.default-theme .text-editor-toolbar {
  grid-area: toolbar;
  display: flex;
  flex-wrap: wrap;
  background-color: #000;
  color: #FFF;
}
.default-theme .text-editor-toolbar button {
  padding: 1rem;
  background-color: transparent;
  border-radius: 0;
  color: #FFF;
  outline: none;
  border: none;
  cursor: pointer;
}
.default-theme .text-editor-toolbar button:hover {
  background-color: rgba(33, 230, 193, 0.05);
}
.default-theme .text-editor-toolbar select {
  background-color: transparent;
  color: #FFF;
  outline: none;
  border: none;
  min-width: 10rem;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Remove default arrow */
}
.default-theme .text-editor-pages {
  grid-area: pages;
  width: 100%;
  height: 100%;
  overflow: auto;
  display: flex;
  justify-content: center;
}
.default-theme .text-editor-pages::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.default-theme .text-editor-pages::-webkit-scrollbar-thumb {
  background: #FFF;
}
.default-theme .text-editor-pages::-webkit-scrollbar-track {
  background: #000;
}
.default-theme .text-editor-pages {
  scrollbar-face-color: #FFF;
  scrollbar-track-color: #000;
}
.default-theme .text-editor-pages #page {
  outline: none !important;
  border: none !important;
  height: calc(1684px - 1.5rem);
  width: calc(1190px - 1.5rem);
  max-width: 100%;
  padding: 0.75rem;
  box-shadow: 0 0 5px 0 black;
  overflow: hidden;
  margin: 6rem 0;
  background-color: white;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.default-theme .app-kandm {
  width: 100%;
  height: 100%;
  background-color: black;
  overflow: hidden;
}
.default-theme .app-kandm app-tooltip {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  display: inline-block;
  z-index: 10001;
}
.default-theme .app-kandm-intro {
  width: 100%;
  height: 100%;
  display: flex;
  place-content: center;
  place-items: center;
  flex-direction: column;
  position: relative;
}
.default-theme .app-kandm-intro-background {
  position: absolute;
  top: -12.5%;
  left: -12.5%;
  width: 125%;
  height: 125%;
  transform-style: preserve-3d;
  background-color: #82B6FF;
}
.default-theme .app-kandm-intro-background #background01,
.default-theme .app-kandm-intro-background #background02,
.default-theme .app-kandm-intro-background #background03 {
  background-size: contain !important;
  background-repeat: repeat !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.default-theme .app-kandm-intro-logo {
  width: 75%;
  display: flex;
  place-content: center;
  place-items: center;
  flex-direction: column;
  position: relative;
}
.default-theme .app-kandm-intro-logo #shield {
  width: 128px;
  height: 144px;
  background-size: contain !important;
  position: absolute;
  left: calc(50% - 64px);
  top: calc(50% - 77px);
}
.default-theme .app-kandm-intro-logo #sword-left,
.default-theme .app-kandm-intro-logo #sword-right {
  width: 100px;
  height: 100px;
  background-size: contain !important;
  position: absolute;
  left: calc(50% - 50px) !important;
  top: calc(50% - 50px) !important;
}
.default-theme .app-kandm-intro-logo #logos {
  width: 100%;
  display: flex;
  place-content: center;
  place-items: center;
  flex-direction: column;
}
.default-theme .app-kandm-intro-logo #logos #logo-p1 {
  width: 60%;
  min-width: 20rem;
}
.default-theme .app-kandm-intro-logo #logos #logo-p1 svg {
  fill: #FED330;
}
.default-theme .app-kandm-intro-logo #logos #logo-p1 svg rect, .default-theme .app-kandm-intro-logo #logos #logo-p1 svg circle, .default-theme .app-kandm-intro-logo #logos #logo-p1 svg path, .default-theme .app-kandm-intro-logo #logos #logo-p1 svg line {
  fill: #FED330 !important;
}
.default-theme .app-kandm-intro-logo #logos #logo-p2 {
  width: 30%;
  min-width: 10rem;
}
.default-theme .app-kandm-intro-logo #logos #logo-p2 svg {
  fill: #FFF;
}
.default-theme .app-kandm-intro-logo #logos #logo-p2 svg rect, .default-theme .app-kandm-intro-logo #logos #logo-p2 svg circle, .default-theme .app-kandm-intro-logo #logos #logo-p2 svg path, .default-theme .app-kandm-intro-logo #logos #logo-p2 svg line {
  fill: #FFF !important;
}
.default-theme .app-kandm-intro-logo #logos #logo-p3 {
  width: 40%;
  min-width: 18rem;
}
.default-theme .app-kandm-intro-logo #logos #logo-p3 svg {
  fill: #EB3B5A;
}
.default-theme .app-kandm-intro-logo #logos #logo-p3 svg rect, .default-theme .app-kandm-intro-logo #logos #logo-p3 svg circle, .default-theme .app-kandm-intro-logo #logos #logo-p3 svg path, .default-theme .app-kandm-intro-logo #logos #logo-p3 svg line {
  fill: #EB3B5A !important;
}
.default-theme .app-kandm-buttons {
  margin-top: 6rem;
}
.default-theme .app-kandm-buttons button {
  background-size: contain !important;
  background-color: transparent;
  width: 240px;
  height: 110px;
  outline: none;
  border: none;
  cursor: pointer;
}
.default-theme .random-name-generator {
  width: 100%;
  height: 100%;
  display: inline-flex;
  place-content: center;
  place-items: center;
  flex-direction: column;
}
.default-theme .random-name-generator button {
  padding: 1rem;
  color: #000;
  font-family: "Ubuntu", "sans-serif";
  font-weight: bolder;
  cursor: pointer;
  border: 5px solid #21e6c1;
  box-shadow: 0 5px 0 0 rgba(33, 230, 193, 0.5);
  border-radius: 5px;
}
.pink-theme body {
  height: 100%;
  margin: 0;
  overflow: hidden;
  font-family: "Ubuntu", "sans-serif" !important;
  padding: 0;
  font-size: 100%;
  text-rendering: geometricPrecision;
  background-color: #212121;
  color: #FFF;
}
.pink-theme .icon, .pink-theme .image {
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.pink-theme .icon svg, .pink-theme .image svg {
  fill: #FFF;
}
.pink-theme .icon svg rect, .pink-theme .icon svg circle, .pink-theme .icon svg path, .pink-theme .icon svg line, .pink-theme .image svg rect, .pink-theme .image svg circle, .pink-theme .image svg path, .pink-theme .image svg line {
  fill: #FFF !important;
}
.pink-theme .icon svg, .pink-theme .image svg {
  width: 100%;
  height: 100%;
}
.pink-theme .icon svg g:first-child, .pink-theme .image svg g:first-child {
  width: 100%;
  height: 100%;
}
.pink-theme .icon image, .pink-theme .image image {
  width: 100%;
  height: 100%;
}
.pink-theme .hidden {
  display: none !important;
  visibility: hidden !important;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  opacity: 0;
}
.pink-theme hr {
  border-color: #FFF;
  margin: 1.5rem 0;
}
.pink-theme .taskbar {
  position: relative;
  grid-area: taskbar;
  background-color: #363636;
  color: #FFF;
  height: 100%;
  transform: translate(0, 500px);
  display: grid;
  align-items: center;
  grid-template-areas: "menuToggle menu windows themeToggle themeSelector today";
  grid-template-columns: 8rem 0 1fr 2rem 0 7rem;
  z-index: 9000009;
}
@media (max-width: 992px) {
  .pink-theme .taskbar {
    grid-template-columns: 4rem 0 1fr 2rem 0 7rem;
  }
}
.pink-theme .taskbar-menu {
  display: flex;
  place-items: center;
  place-content: center;
  padding: 1rem;
  background-color: #FFF;
  font-size: 1rem;
  color: #212121;
  cursor: pointer;
  grid-area: menuToggle;
  font-weight: bold;
}
.pink-theme .taskbar-menu .icon {
  height: 1rem;
  width: 1rem;
  margin-right: 1rem;
}
.pink-theme .taskbar-menu .icon svg {
  fill: #212121;
}
.pink-theme .taskbar-menu .icon svg rect, .pink-theme .taskbar-menu .icon svg circle, .pink-theme .taskbar-menu .icon svg path, .pink-theme .taskbar-menu .icon svg line {
  fill: #212121 !important;
}
@media (max-width: 992px) {
  .pink-theme .taskbar-menu .icon {
    margin-right: 0;
  }
}
@media (max-width: 992px) {
  .pink-theme .taskbar-menu span {
    display: none;
  }
}
.pink-theme .taskbar-today {
  grid-area: today;
  color: #FFF;
  display: flex;
  place-content: center;
  place-items: center;
  font-size: 0.75rem;
  font-weight: bold;
}
.pink-theme .taskbar-windows {
  grid-area: windows;
  display: inline-flex;
  overflow-x: auto;
  height: 100%;
}
.pink-theme .taskbar-windows::-webkit-scrollbar {
  width: 2.5px;
  height: 2.5px;
}
.pink-theme .taskbar-windows::-webkit-scrollbar-thumb {
  background: #212121;
}
.pink-theme .taskbar-windows::-webkit-scrollbar-track {
  background: #FFF;
}
.pink-theme .taskbar-windows {
  scrollbar-face-color: #212121;
  scrollbar-track-color: #FFF;
}
.pink-theme .taskbar-windows-item {
  height: 100%;
  background-color: #212121;
  color: #FFF;
  display: inline-flex;
  place-content: center;
  place-items: center;
  min-width: 8rem;
  transition: all 0.25s ease-out;
  cursor: pointer;
  font-size: 1rem;
  font-weight: bolder;
  opacity: 0;
  box-shadow: 0 0 0 0 #FFF inset;
  padding: 0 0.75rem;
}
@media (max-width: 992px) {
  .pink-theme .taskbar-windows-item {
    min-width: 3rem;
    padding: 0;
  }
  .pink-theme .taskbar-windows-item span {
    display: none;
  }
}
.pink-theme .taskbar-windows-item .icon {
  margin-right: 0.75rem;
  width: 1rem;
  height: 1rem;
}
.pink-theme .taskbar-windows-item .icon svg {
  fill: #FFF;
}
.pink-theme .taskbar-windows-item .icon svg rect, .pink-theme .taskbar-windows-item .icon svg circle, .pink-theme .taskbar-windows-item .icon svg path, .pink-theme .taskbar-windows-item .icon svg line {
  fill: #FFF !important;
}
@media (max-width: 992px) {
  .pink-theme .taskbar-windows-item .icon {
    margin-right: 0;
  }
}
.pink-theme .taskbar-windows-item:hover {
  box-shadow: 0 -5px 0 0 #ffc2e2 inset;
}
.pink-theme .taskbar-windows-item.active {
  box-shadow: 0 -100px 0 0 #ffc2e2 inset;
  color: #212121;
}
.pink-theme .taskbar-windows-item.active svg {
  fill: #212121;
}
.pink-theme .taskbar-windows-item.active svg rect, .pink-theme .taskbar-windows-item.active svg circle, .pink-theme .taskbar-windows-item.active svg path, .pink-theme .taskbar-windows-item.active svg line {
  fill: #212121 !important;
}
.pink-theme .taskbar-windows-item span {
  text-overflow: ellipsis;
  text-align: center;
  text-transform: capitalize;
}
.pink-theme .taskbar .menu {
  grid-area: menu;
  display: grid;
  grid-template-rows: 1fr 5rem;
  min-width: 30vw;
  min-height: 30vh;
  position: absolute;
  left: -8rem;
  bottom: 3.1rem;
  z-index: 9000009;
  background-color: #363636;
  color: #FFF;
}
@media (max-width: 992px) {
  .pink-theme .taskbar .menu {
    grid-area: none;
    left: 0;
    bottom: 3rem;
    min-width: unset;
    min-height: unset;
    border-bottom: none;
    position: fixed;
    width: calc(100vw - 4px);
    height: 95vh;
  }
}
.pink-theme .taskbar .menu h3 {
  font-size: 1.5rem;
  color: #FFF;
}
.pink-theme .taskbar .menu-applications {
  display: flex;
  flex-direction: column;
  width: calc(100% - 2rem);
  height: calc(100% - 2rem);
  padding: 1rem;
  overflow: auto;
}
.pink-theme .taskbar .menu-applications::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.pink-theme .taskbar .menu-applications::-webkit-scrollbar-thumb {
  background: #FFF;
}
.pink-theme .taskbar .menu-applications::-webkit-scrollbar-track {
  background: #212121;
}
.pink-theme .taskbar .menu-applications {
  scrollbar-face-color: #FFF;
  scrollbar-track-color: #212121;
}
.pink-theme .taskbar .menu-applications-item {
  display: grid;
  grid-template-columns: 1rem 1fr;
  grid-column-gap: 0.75rem;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
  margin-bottom: 1rem;
  align-items: center;
  padding: 1rem;
  margin: 0 -1rem;
  cursor: pointer;
}
.pink-theme .taskbar .menu-applications-item .icon {
  width: 1rem;
  height: 1rem;
}
.pink-theme .taskbar .menu-applications-item:hover {
  background-color: rgba(255, 194, 226, 0.1);
}
.pink-theme .taskbar .menu-user {
  display: grid;
  width: calc(100% - 2rem);
  height: calc(100% - 2rem);
  justify-items: center;
  grid-template-columns: 3rem auto;
  grid-column-gap: 1rem;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  padding: 1rem;
  background-color: #212121;
  color: #FFF;
}
.pink-theme .taskbar .menu-user-icon {
  height: 100%;
  width: 100%;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-position: center left !important;
}
.pink-theme .taskbar .menu-user-info {
  display: flex;
  flex-direction: column;
  place-content: flex-start;
  justify-items: flex-start;
  justify-content: space-between;
  width: 100%;
}
.pink-theme .taskbar .menu-user-info h4 {
  margin: 0;
  font-size: 1.5rem;
}
.pink-theme .taskbar .menu-user-info b {
  color: #ffc2e2;
}
.pink-theme .taskbar-theme {
  grid-area: themeSelector;
  position: absolute;
  bottom: 4rem;
  right: -5rem;
  width: auto;
  min-width: 5rem;
  padding: 1rem;
  background-color: #363636;
  color: #FFF;
  border: 5px solid #ffc2e2;
  box-shadow: 0 5px 0 0 rgba(255, 194, 226, 0.5);
  border-radius: 5px;
}
.pink-theme .taskbar-theme-colors {
  display: flex;
  flex-direction: column;
}
.pink-theme .taskbar-theme-colors h3 {
  margin: 0 0 0.75rem 0;
  color: #FFF;
  font-size: 0.75rem;
  text-align: center;
}
.pink-theme .taskbar-theme-colors-picker {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-row-gap: 0.75rem;
  row-gap: 0.75rem;
  grid-column-gap: 0.75rem;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}
.pink-theme .taskbar-theme-colors-item {
  width: 2rem;
  height: 2rem;
  border: 5px solid #FFF;
  box-shadow: 0 5px 0 0 rgba(255, 255, 255, 0.5);
  border-radius: 5px;
  cursor: pointer;
}
.pink-theme .taskbar-theme-colors-item.selected {
  border: 5px solid white;
  box-shadow: 0 5px 0 0 rgba(255, 255, 255, 0.5);
  border-radius: 5px;
}
.pink-theme .taskbar-theme-toggle {
  grid-area: themeToggle;
  width: 1rem;
  height: 1rem;
  cursor: pointer;
  background-color: #ffc2e2;
  border: 5px solid #FFF;
  border-radius: 5px;
}
.pink-theme .window {
  display: grid;
  grid-template-rows: auto 1fr;
  max-height: 75%;
  max-width: 75%;
  opacity: 0;
  resize: both;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: filter 0.25s ease-out;
  background-color: #363636;
  color: #FFF;
  border: 5px solid #FFF;
  box-shadow: 0 5px 0 0 rgba(255, 255, 255, 0.5);
  border-radius: 5px;
}
@media (max-width: 767px) {
  .pink-theme .window {
    width: calc(100% - 2px) !important;
    height: calc(100% - 2px) !important;
    max-width: 100vw !important;
    max-height: calc(100% - 3rem) !important;
    transform: translate(-50%, -50%) !important;
    margin-top: -25px;
    -webkit-font-smoothing: subpixel-antialiased;
  }
}
.pink-theme .window.full-screen {
  width: calc(100% - 2px) !important;
  height: calc(100% - 2px) !important;
  max-width: 100vw !important;
  max-height: calc(100% - 3rem) !important;
  transform: translate(-50%, -50%) !important;
  margin-top: -25px;
  -webkit-font-smoothing: subpixel-antialiased;
  border: none;
}
.pink-theme .window.on-focus {
  z-index: 90001;
  background-color: #363636;
}
.pink-theme .window:not(.on-focus) {
  z-index: 0 !important;
  filter: grayscale(100%) brightness(50%);
}
@media (max-width: 767px) {
  .pink-theme .window:not(.on-focus) {
    opacity: 1 !important;
  }
}
.pink-theme .window-toolbar {
  width: 100%;
  background-color: #FFF;
  color: #212121;
  display: inline-flex;
  justify-items: center;
  justify-content: space-between;
  z-index: 0;
}
.pink-theme .window-toolbar-title {
  display: inline-flex;
  padding: 0.75rem;
  font-weight: bold;
}
.pink-theme .window-toolbar-title .icon {
  margin-right: 0.75rem;
  width: 1rem;
  height: 1rem;
}
.pink-theme .window-toolbar-title .icon svg {
  fill: #212121;
}
.pink-theme .window-toolbar-title .icon svg rect, .pink-theme .window-toolbar-title .icon svg circle, .pink-theme .window-toolbar-title .icon svg path, .pink-theme .window-toolbar-title .icon svg line {
  fill: #212121 !important;
}
.pink-theme .window-toolbar-actions {
  display: inline-flex;
  border-top-right-radius: 5px;
}
.pink-theme .window-toolbar-actions .icon {
  padding: 0.75rem;
  cursor: pointer;
  opacity: 1;
}
.pink-theme .window-toolbar-actions .icon svg {
  fill: #212121;
}
.pink-theme .window-toolbar-actions .icon svg rect, .pink-theme .window-toolbar-actions .icon svg circle, .pink-theme .window-toolbar-actions .icon svg path, .pink-theme .window-toolbar-actions .icon svg line {
  fill: #212121 !important;
}
.pink-theme .window-toolbar-actions .icon svg {
  height: 1rem;
  width: 1rem;
  opacity: 0.5;
  transition: opacity 0.25s ease-out;
}
.pink-theme .window-toolbar-actions .icon:hover svg {
  opacity: 1;
}
.pink-theme .window-content {
  padding: 0;
  width: 100%;
  color: #FFF;
  overflow: auto;
}
.pink-theme .loader {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 900009;
  background-color: black;
  color: white;
  display: flex;
  flex-direction: column;
  place-content: flex-start;
  place-items: flex-start;
  opacity: 0;
  text-transform: uppercase;
  font-size: 0.75rem;
  font-family: "Clacon", "sans-serif" !important;
  max-height: 100%;
  overflow: auto;
}
@media (max-width: 992px) {
  .pink-theme .loader {
    padding: 1rem;
    width: calc(100% - 2rem);
    height: calc(100% - 2rem);
    font-size: 0.75rem;
  }
}
.pink-theme .loader-title {
  margin-left: 1rem;
}
@media (max-width: 767px) {
  .pink-theme .loader-title {
    margin-left: 1rem;
  }
}
.pink-theme .loader-title p {
  margin: 0;
}
.pink-theme .loader ul {
  list-style: none;
  margin-left: 1rem;
  padding: 0;
}
@media (max-width: 767px) {
  .pink-theme .loader ul {
    margin-left: 1rem;
  }
}
.pink-theme .loader ul li {
  padding: 0;
  display: grid;
  grid-template-columns: 4.5rem auto 1rem;
  align-items: center;
}
.pink-theme .loader ul li b {
  background-color: blue;
}
.pink-theme .loader ul li i {
  background-color: lawngreen;
  color: blue;
  font-style: normal;
}
.pink-theme .loader ul li small {
  font-size: inherit !important;
  background-color: red;
}
.pink-theme .loader ul li pre {
  display: inline-flex;
  margin: 0;
  background-color: aqua;
  font-size: inherit !important;
  font-family: inherit !important;
}
.pink-theme .loader-rindex {
  color: white;
}
.pink-theme .nicaos {
  display: grid;
  grid-template-areas: "desktop" "taskbar";
  height: 100%;
  grid-template-rows: calc(100% - 3rem - 2px) calc(3rem + 2px);
}
.pink-theme .nicaos .desktop {
  grid-area: desktop;
  height: 100%;
  overflow: hidden;
  place-content: flex-start;
  place-items: flex-start;
  flex-wrap: wrap;
  opacity: 0;
  position: relative;
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .pink-theme .nicaos .desktop {
    flex-direction: row;
  }
}
.pink-theme .nicaos .desktop-icon {
  display: inline-flex;
  flex-direction: column;
  place-content: flex-start;
  place-items: center;
  width: 4rem;
  height: 4rem;
  margin: 0.75rem;
  padding: 0.75rem;
  cursor: pointer;
  opacity: 0;
  transform: translate3d(0, 100px, 0);
  color: #FFF;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 0.75rem;
  font-weight: bolder;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
  text-transform: capitalize;
}
@media (max-width: 767px) {
  .pink-theme .nicaos .desktop-icon {
    margin: 0;
    width: 4rem;
    padding: 0.75rem;
  }
}
.pink-theme .nicaos .desktop-icon:hover {
  background-color: rgba(255, 255, 255, 0.25);
}
.pink-theme .nicaos .desktop-icon .icon {
  width: 2rem;
  height: 2rem;
  margin-bottom: 1rem;
}
.pink-theme .nicaos .desktop-icon .icon svg {
  fill: #FFF;
}
.pink-theme .nicaos .desktop-icon .icon svg rect, .pink-theme .nicaos .desktop-icon .icon svg circle, .pink-theme .nicaos .desktop-icon .icon svg path, .pink-theme .nicaos .desktop-icon .icon svg line {
  fill: #FFF !important;
}
.pink-theme .nicaos .desktop-background {
  opacity: 0;
  position: absolute;
  width: 5rem;
  height: 5rem;
  top: calc(50% - 2.5rem);
  left: calc(50% - 2.5rem);
  border-radius: 5px;
}
@media (max-width: 767px) {
  .pink-theme .nicaos .desktop-background {
    width: 2rem;
    height: 2rem;
    left: calc(50% - 1rem);
  }
}
.pink-theme .nicaos #console {
  overflow: auto;
  padding: 1.5rem;
  height: calc(100% - 3rem);
  width: calc(100% - 3rem);
  background-color: black;
  font-family: "Clacon", "sans-serif" !important;
}
.pink-theme .nicaos #console::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.pink-theme .nicaos #console::-webkit-scrollbar-thumb {
  background: #FFF;
}
.pink-theme .nicaos #console::-webkit-scrollbar-track {
  background: #212121;
}
.pink-theme .nicaos #console {
  scrollbar-face-color: #FFF;
  scrollbar-track-color: #212121;
}
.pink-theme .nicaos #console table {
  width: 100%;
  font-size: 1.5rem;
}
.pink-theme .nicaos #console table .console-description {
  color: lawngreen;
}
.pink-theme .nicaos #console table .console-message b {
  color: #82B6FF;
}
.pink-theme h1:before, .pink-theme h2:before {
  content: "";
  background-color: #FFF;
  width: 2rem;
  height: 0.5rem;
  border-radius: 5px;
  display: block;
}
.pink-theme b .emphasis {
  color: #FFF;
}
.pink-theme .full-row {
  grid-column: -1/1;
}
.pink-theme .app-select {
  display: inline-flex;
  width: 100%;
  height: 100%;
  position: relative;
  min-width: 10rem;
  cursor: pointer;
}
.pink-theme .app-select:before {
  content: "";
  display: block;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #ffc2e2;
  position: absolute;
  right: calc(1rem - 2.5px);
  top: calc(50% - 2.5px);
}
.pink-theme .app-select-value {
  background-color: rgba(255, 194, 226, 0.1);
  padding: 1rem;
  width: calc(100% - 2rem);
  height: calc(100% - 2rem);
}
.pink-theme .app-select-options {
  position: absolute;
  z-index: 90001;
  width: 100%;
  top: 100%;
  left: 0;
  background-color: #363636;
  color: #FFF;
  box-shadow: 0 2px 5px 0 #212121;
}
.pink-theme .app-select-options-item {
  padding: 1rem;
  width: calc(100% - 2rem);
  height: calc(100% - 2rem);
  cursor: pointer;
}
.pink-theme .app-select-options-item:hover {
  background-color: rgba(255, 194, 226, 0.05);
}
.pink-theme .app-select-options-item.selected {
  background-color: rgba(255, 194, 226, 0.1);
}
.pink-theme app-link {
  display: contents;
}
.pink-theme app-link a {
  text-decoration: none;
  color: #ffc2e2;
  cursor: pointer;
  display: inline-block;
}
.pink-theme app-link a fa-icon {
  font-size: 0.75rem;
  margin-right: 0.5rem;
  color: #ffc2e2;
}
.pink-theme app-tooltip {
  display: contents;
}
.pink-theme app-tooltip .tooltip {
  background-color: #363636;
  color: #FFF;
  width: calc(100% - 1rem * 2 - 10px);
  display: flex;
  padding: 1rem;
  font-weight: bolder;
  grid-column: 1/-1;
  margin-bottom: 1rem;
  border: 5px solid #FFF;
  box-shadow: 0 5px 0 0 rgba(255, 255, 255, 0.5);
  border-radius: 5px;
}
.pink-theme app-tooltip .tooltip fa-icon {
  margin-right: 1rem;
}
.pink-theme .app-welcome {
  display: grid;
  grid-template-columns: 25% 75%;
  width: 100%;
  height: 100%;
  background-color: #212121;
}
@media (max-width: 767px) {
  .pink-theme .app-welcome {
    grid-template-columns: 100%;
  }
}
.pink-theme .app-welcome .image {
  width: 2rem;
  height: 2rem;
}
.pink-theme .app-welcome h1 {
  font-size: 3rem;
  margin-top: 0;
  margin-bottom: 1.5rem;
}
@media (max-width: 767px) {
  .pink-theme .app-welcome h1 {
    font-size: 2rem;
  }
}
.pink-theme .app-welcome h2 {
  width: 100%;
  padding: 1.5rem 0;
  text-align: left;
  font-size: 3rem;
  grid-column: 1/-1;
}
@media (max-width: 767px) {
  .pink-theme .app-welcome h2 {
    grid-area: none;
  }
}
.pink-theme .app-welcome-left {
  background-color: black;
  height: calc(100% - 1.5rem);
  width: calc(100% - 1.5rem);
  padding: 0.75rem;
  position: relative;
}
@media (max-width: 767px) {
  .pink-theme .app-welcome-left {
    display: none;
  }
}
.pink-theme .app-welcome-left h3 {
  margin-top: 0;
}
.pink-theme .app-welcome-left ul {
  list-style: none;
  margin: 0;
  padding: 0 0 0 1rem;
}
.pink-theme .app-welcome-left ul li {
  margin: 0.75rem 0;
  cursor: pointer;
  opacity: 0.5;
  transition: color 0.25s ease-in-out;
}
.pink-theme .app-welcome-left ul li.active {
  color: #ffc2e2;
  opacity: 1;
}
.pink-theme .app-welcome-left ul li:hover {
  color: #FFF;
  opacity: 1;
}
.pink-theme .app-welcome-left #downloadCV a {
  position: absolute;
  bottom: 1rem;
  display: inline-flex;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  padding: 0.75rem;
  width: calc(100% - 3rem - 10px);
  border: 5px solid #ffc2e2;
  box-shadow: 0 5px 0 0 rgba(255, 194, 226, 0.5);
  border-radius: 5px;
}
.pink-theme .app-welcome-right {
  height: calc(100% - 3rem);
  width: calc(100% - 3rem);
  overflow: auto;
  padding: 1.5rem;
  background-color: rgba(255, 194, 226, 0.1);
}
.pink-theme .app-welcome-right::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.pink-theme .app-welcome-right::-webkit-scrollbar-thumb {
  background: #ffc2e2;
}
.pink-theme .app-welcome-right::-webkit-scrollbar-track {
  background: rgba(255, 194, 226, 0.1);
}
.pink-theme .app-welcome-right {
  scrollbar-face-color: #ffc2e2;
  scrollbar-track-color: rgba(255, 194, 226, 0.1);
}
.pink-theme .app-welcome-right #intro {
  flex-wrap: wrap;
  display: grid;
  grid-template-columns: 50% 50%;
  grid-column-gap: 0.75rem;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
  grid-template-areas: "h1 h1" "text1 text1";
}
@media (max-width: 767px) {
  .pink-theme .app-welcome-right #intro {
    grid-template-areas: none;
    grid-template-columns: none;
    display: flex;
  }
}
.pink-theme .app-welcome-right .personal-icons {
  margin: 1rem 0;
  display: inline-grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}
.pink-theme .app-welcome-right .personal-icons-item {
  display: inline-flex;
  place-items: center;
  color: #212121;
  background-color: #ffc2e2;
  border: 5px solid #ffc2e2;
  box-shadow: 0 5px 0 0 rgba(255, 194, 226, 0.5);
  border-radius: 5px;
}
.pink-theme .app-welcome-right .personal-icons-item .image {
  width: 64px;
  height: 68px;
  margin-right: 1rem;
  border-radius: 5px;
}
.pink-theme .app-welcome-right .personal-icons-item span {
  font-size: 1rem;
  font-weight: bold;
}
.pink-theme .app-welcome-right #story {
  flex-wrap: wrap;
  display: grid;
  grid-template-columns: 50% 50%;
  grid-column-gap: 0.75rem;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
  grid-template-areas: "h2 h2" "about01 about01" "text2 text2";
}
@media (max-width: 767px) {
  .pink-theme .app-welcome-right #story {
    grid-template-areas: none;
    grid-template-columns: none;
    display: flex;
  }
}
.pink-theme .app-welcome-right h1 {
  grid-area: h1;
  padding: 1.5rem 0;
  text-align: left;
}
@media (max-width: 767px) {
  .pink-theme .app-welcome-right h1 {
    grid-area: none;
  }
}
.pink-theme .app-welcome-right h2 {
  grid-area: h2;
}
.pink-theme .app-welcome-right #about01 {
  width: 100%;
  height: auto;
  max-width: 10rem;
  float: right;
  grid-area: about01;
  padding: 1.5rem 0;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .pink-theme .app-welcome-right #about01 {
    width: 15rem;
    height: auto;
    max-width: 100vw;
    margin: 0 auto;
    grid-area: none;
  }
}
.pink-theme .app-welcome-right #text1 {
  text-align: left;
  padding: 1.5rem 0;
}
.pink-theme .app-welcome-right #works .education-item,
.pink-theme .app-welcome-right #works .work-item,
.pink-theme .app-welcome-right #education .education-item,
.pink-theme .app-welcome-right #education .work-item {
  display: inline-grid;
  grid-column-gap: 1rem;
  margin-bottom: 1.5rem;
  place-items: center;
  grid-template-areas: "icon title" "icon date" "empty subtitle";
}
.pink-theme .app-welcome-right #works .education-item .image,
.pink-theme .app-welcome-right #works .work-item .image,
.pink-theme .app-welcome-right #education .education-item .image,
.pink-theme .app-welcome-right #education .work-item .image {
  grid-area: icon;
  min-width: 5rem;
  min-height: 5rem;
}
.pink-theme .app-welcome-right #works .education-item-title,
.pink-theme .app-welcome-right #works .work-item-title,
.pink-theme .app-welcome-right #education .education-item-title,
.pink-theme .app-welcome-right #education .work-item-title {
  grid-area: title;
  width: 100%;
  font-weight: bolder;
  font-size: 1.5rem;
}
.pink-theme .app-welcome-right #works .education-item-subtitle,
.pink-theme .app-welcome-right #works .work-item-subtitle,
.pink-theme .app-welcome-right #education .education-item-subtitle,
.pink-theme .app-welcome-right #education .work-item-subtitle {
  grid-area: subtitle;
  margin-top: 0.75rem;
}
.pink-theme .app-welcome-right #works .education-item-dates,
.pink-theme .app-welcome-right #works .work-item-dates,
.pink-theme .app-welcome-right #education .education-item-dates,
.pink-theme .app-welcome-right #education .work-item-dates {
  width: 100%;
  grid-area: date;
}
.pink-theme .app-welcome-right #skills .skills-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}
@media (max-width: 992px) {
  .pink-theme .app-welcome-right #skills .skills-container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .pink-theme .app-welcome-right #skills .skills-container {
    grid-template-columns: 1fr;
  }
}
.pink-theme .app-welcome-right #skills .skills-item {
  display: grid;
  grid-template-areas: "icon title" "description description";
  grid-template-columns: 2rem auto;
  background-color: #363636;
  color: #FFF;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  padding: 1rem;
  border: 5px solid #ffc2e2;
  box-shadow: 0 5px 0 0 rgba(255, 194, 226, 0.5);
  border-radius: 5px;
}
.pink-theme .app-welcome-right #skills .skills-item-title {
  grid-area: title;
  font-weight: bolder;
  font-size: 1.5rem;
}
.pink-theme .app-welcome-right #skills .skills-item-description {
  grid-area: description;
  color: #FFF;
}
.pink-theme .app-welcome-right #skills .skills-item-icon {
  grid-area: icon;
  color: #FFF;
  font-size: 1.5rem;
}
.pink-theme .app-welcome-right #more .more-links {
  margin-top: 1.5rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}
@media (max-width: 992px) {
  .pink-theme .app-welcome-right #more .more-links {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767px) {
  .pink-theme .app-welcome-right #more .more-links {
    grid-template-columns: repeat(2, 1fr);
  }
}
.pink-theme .app-welcome-right #more .more-links app-link a {
  display: inline-flex;
  justify-content: center;
  place-content: center;
  align-items: center;
  justify-items: center;
  padding: 1rem;
  border: 5px solid #ffc2e2;
  box-shadow: 0 5px 0 0 rgba(255, 194, 226, 0.5);
  border-radius: 5px;
}
.pink-theme .app-welcome-right #more .more-links app-link#downloadCV a {
  background-color: #FFF;
  color: #363636;
  grid-column: 1/-1;
}
.pink-theme .app-welcome h1 {
  margin: 0;
}
.pink-theme .app-welcome h2 {
  margin: 1rem 0 0 0;
}
.pink-theme .app-welcome span {
  font-size: 1.5rem;
}
.pink-theme .app-welcome span b, .pink-theme .app-welcome span i {
  color: #ffc2e2;
}
.pink-theme .app-welcome span#text1 {
  grid-area: text1;
}
@media (max-width: 767px) {
  .pink-theme .app-welcome span#text1 {
    grid-area: none;
  }
}
.pink-theme .app-welcome span#text2 {
  grid-area: text2;
}
@media (max-width: 767px) {
  .pink-theme .app-welcome span#text2 {
    grid-area: none;
  }
}
.pink-theme .app-browser {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-areas: "toolbar" "iframe";
  grid-template-rows: 2rem 1fr;
}
.pink-theme .app-browser-searchbar {
  grid-area: toolbar;
  padding: 0 1rem;
  place-content: center;
}
.pink-theme .app-browser-searchbar input {
  width: 100%;
  height: 2rem;
  border: none;
  outline: none;
  margin: 0;
  border-radius: 0;
  background-color: #363636;
  color: #FFF;
}
.pink-theme .app-browser iframe {
  border: none;
  grid-area: iframe;
  width: 100%;
  height: 100%;
  margin: 0;
}
.pink-theme .app-file-explorer {
  display: grid;
  grid-template-areas: "toolbar toolbar" "three result";
  grid-template-rows: auto 1fr;
  grid-template-columns: 25% 1fr;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
@media (max-width: 767px) {
  .pink-theme .app-file-explorer {
    grid-template-columns: 35% 1fr;
  }
}
.pink-theme .app-file-explorer-toolbar {
  grid-area: toolbar;
  background-color: rgba(255, 255, 255, 0.1);
  color: #363636;
  display: inline-flex;
  width: 100%;
}
.pink-theme .app-file-explorer-toolbar fa-icon {
  display: inline-flex;
  padding: 0 1rem;
  background-color: #363636;
  color: #FFF;
  place-items: center;
}
.pink-theme .app-file-explorer-toolbar input {
  background-color: transparent;
  color: #FFF;
  border: 0;
  outline: none;
  border-radius: 0;
  padding: 1rem;
  width: calc(100% - 2rem);
  font-weight: bolder;
  font-style: italic;
}
.pink-theme .app-file-explorer-three {
  grid-area: three;
  background-color: rgba(33, 33, 33, 0.25);
  width: 100%;
  height: 100%;
  overflow: auto;
}
.pink-theme .app-file-explorer-three::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.pink-theme .app-file-explorer-three::-webkit-scrollbar-thumb {
  background: #FFF;
}
.pink-theme .app-file-explorer-three::-webkit-scrollbar-track {
  background: #212121;
}
.pink-theme .app-file-explorer-three {
  scrollbar-face-color: #FFF;
  scrollbar-track-color: #212121;
}
.pink-theme .app-file-explorer-three ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.pink-theme .app-file-explorer-three ul li {
  padding: 0.75rem 1rem;
  display: inline-flex;
  width: calc(100% - 2rem);
  cursor: pointer !important;
  text-transform: capitalize;
}
@media (max-width: 767px) {
  .pink-theme .app-file-explorer-three ul li {
    font-size: 0.75rem;
  }
}
.pink-theme .app-file-explorer-three ul li .icon {
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  max-width: 1rem;
  margin-right: 1rem;
}
.pink-theme .app-file-explorer-three ul li .icon svg {
  fill: #FFF;
}
.pink-theme .app-file-explorer-three ul li .icon svg rect, .pink-theme .app-file-explorer-three ul li .icon svg circle, .pink-theme .app-file-explorer-three ul li .icon svg path, .pink-theme .app-file-explorer-three ul li .icon svg line {
  fill: #FFF !important;
}
.pink-theme .app-file-explorer-three ul li:hover, .pink-theme .app-file-explorer-three ul li.active {
  background-color: #ffc2e2;
  color: #212121;
}
.pink-theme .app-file-explorer-three ul li:hover svg, .pink-theme .app-file-explorer-three ul li.active svg {
  fill: #212121;
}
.pink-theme .app-file-explorer-three ul li:hover svg rect, .pink-theme .app-file-explorer-three ul li:hover svg circle, .pink-theme .app-file-explorer-three ul li:hover svg path, .pink-theme .app-file-explorer-three ul li:hover svg line, .pink-theme .app-file-explorer-three ul li.active svg rect, .pink-theme .app-file-explorer-three ul li.active svg circle, .pink-theme .app-file-explorer-three ul li.active svg path, .pink-theme .app-file-explorer-three ul li.active svg line {
  fill: #212121 !important;
}
.pink-theme .app-file-explorer-three ul li.secondary {
  padding-left: 1.5rem;
  width: calc(100% - 1rem - 1.5rem);
}
.pink-theme .app-file-explorer-result {
  grid-area: result;
  display: flex;
  flex-direction: column;
  padding: 1rem;
  width: calc(100% - 2rem);
  height: calc(100% - 2rem);
  overflow: auto;
  background-color: #212121;
}
.pink-theme .app-file-explorer-result::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.pink-theme .app-file-explorer-result::-webkit-scrollbar-thumb {
  background: #ffc2e2;
}
.pink-theme .app-file-explorer-result::-webkit-scrollbar-track {
  background: rgba(255, 194, 226, 0.1);
}
.pink-theme .app-file-explorer-result {
  scrollbar-face-color: #ffc2e2;
  scrollbar-track-color: rgba(255, 194, 226, 0.1);
}
.pink-theme .app-file-explorer-result table thead tr {
  border-bottom: 1px solid #ffc2e2;
}
.pink-theme .app-file-explorer-result table thead tr th {
  text-align: left;
  font-size: 0.75rem;
  color: #FFF;
}
.pink-theme .app-file-explorer-result table tbody tr {
  background-color: rgba(255, 194, 226, 0.1);
  cursor: pointer;
}
.pink-theme .app-file-explorer-result table tbody tr.app-file-explorer-result-separator {
  background-color: #ffc2e2;
  color: #212121;
}
.pink-theme .app-file-explorer-result table tbody tr.app-file-explorer-result-separator h4 {
  margin: 0;
}
.pink-theme .app-file-explorer-result table tbody tr:not(.app-file-explorer-result-empty):hover {
  background-color: rgba(255, 194, 226, 0.25);
}
.pink-theme .app-file-explorer-result table tbody tr.app-file-explorer-result-separator:hover {
  background-color: #ffc2e2;
}
.pink-theme .app-file-explorer-result table tbody tr td {
  padding: 1rem;
}
.pink-theme .app-file-explorer-result table tbody tr td h3 {
  margin: 0;
  width: 100%;
  text-align: center;
  opacity: 0.5;
}
.pink-theme .app-file-explorer-result table tbody tr td .icon {
  width: 1rem;
  height: 1rem;
  margin-right: 1rem;
  float: left;
}
.pink-theme .app-file-explorer-result table tbody tr td p {
  float: left;
  margin: 0;
}
.pink-theme .text-editor {
  display: grid;
  grid-template-areas: "toolbar" "pages";
  grid-template-rows: auto 1fr;
  height: 100%;
  overflow: hidden;
}
.pink-theme .text-editor-toolbar {
  grid-area: toolbar;
  display: flex;
  flex-wrap: wrap;
  background-color: #212121;
  color: #FFF;
}
.pink-theme .text-editor-toolbar button {
  padding: 1rem;
  background-color: transparent;
  border-radius: 0;
  color: #FFF;
  outline: none;
  border: none;
  cursor: pointer;
}
.pink-theme .text-editor-toolbar button:hover {
  background-color: rgba(255, 194, 226, 0.05);
}
.pink-theme .text-editor-toolbar select {
  background-color: transparent;
  color: #FFF;
  outline: none;
  border: none;
  min-width: 10rem;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Remove default arrow */
}
.pink-theme .text-editor-pages {
  grid-area: pages;
  width: 100%;
  height: 100%;
  overflow: auto;
  display: flex;
  justify-content: center;
}
.pink-theme .text-editor-pages::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.pink-theme .text-editor-pages::-webkit-scrollbar-thumb {
  background: #FFF;
}
.pink-theme .text-editor-pages::-webkit-scrollbar-track {
  background: #212121;
}
.pink-theme .text-editor-pages {
  scrollbar-face-color: #FFF;
  scrollbar-track-color: #212121;
}
.pink-theme .text-editor-pages #page {
  outline: none !important;
  border: none !important;
  height: calc(1684px - 1.5rem);
  width: calc(1190px - 1.5rem);
  max-width: 100%;
  padding: 0.75rem;
  box-shadow: 0 0 5px 0 black;
  overflow: hidden;
  margin: 6rem 0;
  background-color: white;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.pink-theme .app-kandm {
  width: 100%;
  height: 100%;
  background-color: black;
  overflow: hidden;
}
.pink-theme .app-kandm app-tooltip {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  display: inline-block;
  z-index: 10001;
}
.pink-theme .app-kandm-intro {
  width: 100%;
  height: 100%;
  display: flex;
  place-content: center;
  place-items: center;
  flex-direction: column;
  position: relative;
}
.pink-theme .app-kandm-intro-background {
  position: absolute;
  top: -12.5%;
  left: -12.5%;
  width: 125%;
  height: 125%;
  transform-style: preserve-3d;
  background-color: #82B6FF;
}
.pink-theme .app-kandm-intro-background #background01,
.pink-theme .app-kandm-intro-background #background02,
.pink-theme .app-kandm-intro-background #background03 {
  background-size: contain !important;
  background-repeat: repeat !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.pink-theme .app-kandm-intro-logo {
  width: 75%;
  display: flex;
  place-content: center;
  place-items: center;
  flex-direction: column;
  position: relative;
}
.pink-theme .app-kandm-intro-logo #shield {
  width: 128px;
  height: 144px;
  background-size: contain !important;
  position: absolute;
  left: calc(50% - 64px);
  top: calc(50% - 77px);
}
.pink-theme .app-kandm-intro-logo #sword-left,
.pink-theme .app-kandm-intro-logo #sword-right {
  width: 100px;
  height: 100px;
  background-size: contain !important;
  position: absolute;
  left: calc(50% - 50px) !important;
  top: calc(50% - 50px) !important;
}
.pink-theme .app-kandm-intro-logo #logos {
  width: 100%;
  display: flex;
  place-content: center;
  place-items: center;
  flex-direction: column;
}
.pink-theme .app-kandm-intro-logo #logos #logo-p1 {
  width: 60%;
  min-width: 20rem;
}
.pink-theme .app-kandm-intro-logo #logos #logo-p1 svg {
  fill: #FED330;
}
.pink-theme .app-kandm-intro-logo #logos #logo-p1 svg rect, .pink-theme .app-kandm-intro-logo #logos #logo-p1 svg circle, .pink-theme .app-kandm-intro-logo #logos #logo-p1 svg path, .pink-theme .app-kandm-intro-logo #logos #logo-p1 svg line {
  fill: #FED330 !important;
}
.pink-theme .app-kandm-intro-logo #logos #logo-p2 {
  width: 30%;
  min-width: 10rem;
}
.pink-theme .app-kandm-intro-logo #logos #logo-p2 svg {
  fill: #FFF;
}
.pink-theme .app-kandm-intro-logo #logos #logo-p2 svg rect, .pink-theme .app-kandm-intro-logo #logos #logo-p2 svg circle, .pink-theme .app-kandm-intro-logo #logos #logo-p2 svg path, .pink-theme .app-kandm-intro-logo #logos #logo-p2 svg line {
  fill: #FFF !important;
}
.pink-theme .app-kandm-intro-logo #logos #logo-p3 {
  width: 40%;
  min-width: 18rem;
}
.pink-theme .app-kandm-intro-logo #logos #logo-p3 svg {
  fill: #EB3B5A;
}
.pink-theme .app-kandm-intro-logo #logos #logo-p3 svg rect, .pink-theme .app-kandm-intro-logo #logos #logo-p3 svg circle, .pink-theme .app-kandm-intro-logo #logos #logo-p3 svg path, .pink-theme .app-kandm-intro-logo #logos #logo-p3 svg line {
  fill: #EB3B5A !important;
}
.pink-theme .app-kandm-buttons {
  margin-top: 6rem;
}
.pink-theme .app-kandm-buttons button {
  background-size: contain !important;
  background-color: transparent;
  width: 240px;
  height: 110px;
  outline: none;
  border: none;
  cursor: pointer;
}
.pink-theme .random-name-generator {
  width: 100%;
  height: 100%;
  display: inline-flex;
  place-content: center;
  place-items: center;
  flex-direction: column;
}
.pink-theme .random-name-generator button {
  padding: 1rem;
  color: #212121;
  font-family: "Ubuntu", "sans-serif";
  font-weight: bolder;
  cursor: pointer;
  border: 5px solid #ffc2e2;
  box-shadow: 0 5px 0 0 rgba(255, 194, 226, 0.5);
  border-radius: 5px;
}
.sunset-theme body {
  height: 100%;
  margin: 0;
  overflow: hidden;
  font-family: "Ubuntu", "sans-serif" !important;
  padding: 0;
  font-size: 100%;
  text-rendering: geometricPrecision;
  background-color: #000;
  color: #FEFEFE;
}
.sunset-theme .icon, .sunset-theme .image {
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.sunset-theme .icon svg, .sunset-theme .image svg {
  fill: #FEFEFE;
}
.sunset-theme .icon svg rect, .sunset-theme .icon svg circle, .sunset-theme .icon svg path, .sunset-theme .icon svg line, .sunset-theme .image svg rect, .sunset-theme .image svg circle, .sunset-theme .image svg path, .sunset-theme .image svg line {
  fill: #FEFEFE !important;
}
.sunset-theme .icon svg, .sunset-theme .image svg {
  width: 100%;
  height: 100%;
}
.sunset-theme .icon svg g:first-child, .sunset-theme .image svg g:first-child {
  width: 100%;
  height: 100%;
}
.sunset-theme .icon image, .sunset-theme .image image {
  width: 100%;
  height: 100%;
}
.sunset-theme .hidden {
  display: none !important;
  visibility: hidden !important;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  opacity: 0;
}
.sunset-theme hr {
  border-color: #FEFEFE;
  margin: 1.5rem 0;
}
.sunset-theme .taskbar {
  position: relative;
  grid-area: taskbar;
  background-color: #1f1f1f;
  color: #FEFEFE;
  height: 100%;
  transform: translate(0, 500px);
  display: grid;
  align-items: center;
  grid-template-areas: "menuToggle menu windows themeToggle themeSelector today";
  grid-template-columns: 8rem 0 1fr 2rem 0 7rem;
  z-index: 9000009;
}
@media (max-width: 992px) {
  .sunset-theme .taskbar {
    grid-template-columns: 4rem 0 1fr 2rem 0 7rem;
  }
}
.sunset-theme .taskbar-menu {
  display: flex;
  place-items: center;
  place-content: center;
  padding: 1rem;
  background-color: #FEFEFE;
  font-size: 1rem;
  color: #000;
  cursor: pointer;
  grid-area: menuToggle;
  font-weight: bold;
}
.sunset-theme .taskbar-menu .icon {
  height: 1rem;
  width: 1rem;
  margin-right: 1rem;
}
.sunset-theme .taskbar-menu .icon svg {
  fill: #000;
}
.sunset-theme .taskbar-menu .icon svg rect, .sunset-theme .taskbar-menu .icon svg circle, .sunset-theme .taskbar-menu .icon svg path, .sunset-theme .taskbar-menu .icon svg line {
  fill: #000 !important;
}
@media (max-width: 992px) {
  .sunset-theme .taskbar-menu .icon {
    margin-right: 0;
  }
}
@media (max-width: 992px) {
  .sunset-theme .taskbar-menu span {
    display: none;
  }
}
.sunset-theme .taskbar-today {
  grid-area: today;
  color: #FEFEFE;
  display: flex;
  place-content: center;
  place-items: center;
  font-size: 0.75rem;
  font-weight: bold;
}
.sunset-theme .taskbar-windows {
  grid-area: windows;
  display: inline-flex;
  overflow-x: auto;
  height: 100%;
}
.sunset-theme .taskbar-windows::-webkit-scrollbar {
  width: 2.5px;
  height: 2.5px;
}
.sunset-theme .taskbar-windows::-webkit-scrollbar-thumb {
  background: #000;
}
.sunset-theme .taskbar-windows::-webkit-scrollbar-track {
  background: #FEFEFE;
}
.sunset-theme .taskbar-windows {
  scrollbar-face-color: #000;
  scrollbar-track-color: #FEFEFE;
}
.sunset-theme .taskbar-windows-item {
  height: 100%;
  background-color: #000;
  color: #FEFEFE;
  display: inline-flex;
  place-content: center;
  place-items: center;
  min-width: 8rem;
  transition: all 0.25s ease-out;
  cursor: pointer;
  font-size: 1rem;
  font-weight: bolder;
  opacity: 0;
  box-shadow: 0 0 0 0 #FEFEFE inset;
  padding: 0 0.75rem;
}
@media (max-width: 992px) {
  .sunset-theme .taskbar-windows-item {
    min-width: 3rem;
    padding: 0;
  }
  .sunset-theme .taskbar-windows-item span {
    display: none;
  }
}
.sunset-theme .taskbar-windows-item .icon {
  margin-right: 0.75rem;
  width: 1rem;
  height: 1rem;
}
.sunset-theme .taskbar-windows-item .icon svg {
  fill: #FEFEFE;
}
.sunset-theme .taskbar-windows-item .icon svg rect, .sunset-theme .taskbar-windows-item .icon svg circle, .sunset-theme .taskbar-windows-item .icon svg path, .sunset-theme .taskbar-windows-item .icon svg line {
  fill: #FEFEFE !important;
}
@media (max-width: 992px) {
  .sunset-theme .taskbar-windows-item .icon {
    margin-right: 0;
  }
}
.sunset-theme .taskbar-windows-item:hover {
  box-shadow: 0 -5px 0 0 #e5816b inset;
}
.sunset-theme .taskbar-windows-item.active {
  box-shadow: 0 -100px 0 0 #e5816b inset;
  color: #FEFEFE;
}
.sunset-theme .taskbar-windows-item.active svg {
  fill: #FEFEFE;
}
.sunset-theme .taskbar-windows-item.active svg rect, .sunset-theme .taskbar-windows-item.active svg circle, .sunset-theme .taskbar-windows-item.active svg path, .sunset-theme .taskbar-windows-item.active svg line {
  fill: #FEFEFE !important;
}
.sunset-theme .taskbar-windows-item span {
  text-overflow: ellipsis;
  text-align: center;
  text-transform: capitalize;
}
.sunset-theme .taskbar .menu {
  grid-area: menu;
  display: grid;
  grid-template-rows: 1fr 5rem;
  min-width: 30vw;
  min-height: 30vh;
  position: absolute;
  left: -8rem;
  bottom: 3.1rem;
  z-index: 9000009;
  background-color: #1f1f1f;
  color: #FEFEFE;
}
@media (max-width: 992px) {
  .sunset-theme .taskbar .menu {
    grid-area: none;
    left: 0;
    bottom: 3rem;
    min-width: unset;
    min-height: unset;
    border-bottom: none;
    position: fixed;
    width: calc(100vw - 4px);
    height: 95vh;
  }
}
.sunset-theme .taskbar .menu h3 {
  font-size: 1.5rem;
  color: #FEFEFE;
}
.sunset-theme .taskbar .menu-applications {
  display: flex;
  flex-direction: column;
  width: calc(100% - 2rem);
  height: calc(100% - 2rem);
  padding: 1rem;
  overflow: auto;
}
.sunset-theme .taskbar .menu-applications::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.sunset-theme .taskbar .menu-applications::-webkit-scrollbar-thumb {
  background: #FEFEFE;
}
.sunset-theme .taskbar .menu-applications::-webkit-scrollbar-track {
  background: #000;
}
.sunset-theme .taskbar .menu-applications {
  scrollbar-face-color: #FEFEFE;
  scrollbar-track-color: #000;
}
.sunset-theme .taskbar .menu-applications-item {
  display: grid;
  grid-template-columns: 1rem 1fr;
  grid-column-gap: 0.75rem;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
  margin-bottom: 1rem;
  align-items: center;
  padding: 1rem;
  margin: 0 -1rem;
  cursor: pointer;
}
.sunset-theme .taskbar .menu-applications-item .icon {
  width: 1rem;
  height: 1rem;
}
.sunset-theme .taskbar .menu-applications-item:hover {
  background-color: rgba(229, 129, 107, 0.1);
}
.sunset-theme .taskbar .menu-user {
  display: grid;
  width: calc(100% - 2rem);
  height: calc(100% - 2rem);
  justify-items: center;
  grid-template-columns: 3rem auto;
  grid-column-gap: 1rem;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  padding: 1rem;
  background-color: #000;
  color: #FEFEFE;
}
.sunset-theme .taskbar .menu-user-icon {
  height: 100%;
  width: 100%;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-position: center left !important;
}
.sunset-theme .taskbar .menu-user-info {
  display: flex;
  flex-direction: column;
  place-content: flex-start;
  justify-items: flex-start;
  justify-content: space-between;
  width: 100%;
}
.sunset-theme .taskbar .menu-user-info h4 {
  margin: 0;
  font-size: 1.5rem;
}
.sunset-theme .taskbar .menu-user-info b {
  color: #e5816b;
}
.sunset-theme .taskbar-theme {
  grid-area: themeSelector;
  position: absolute;
  bottom: 4rem;
  right: -5rem;
  width: auto;
  min-width: 5rem;
  padding: 1rem;
  background-color: #1f1f1f;
  color: #FEFEFE;
  border: 5px solid #e5816b;
  box-shadow: 0 5px 0 0 rgba(229, 129, 107, 0.5);
  border-radius: 5px;
}
.sunset-theme .taskbar-theme-colors {
  display: flex;
  flex-direction: column;
}
.sunset-theme .taskbar-theme-colors h3 {
  margin: 0 0 0.75rem 0;
  color: #FEFEFE;
  font-size: 0.75rem;
  text-align: center;
}
.sunset-theme .taskbar-theme-colors-picker {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-row-gap: 0.75rem;
  row-gap: 0.75rem;
  grid-column-gap: 0.75rem;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}
.sunset-theme .taskbar-theme-colors-item {
  width: 2rem;
  height: 2rem;
  border: 5px solid #FEFEFE;
  box-shadow: 0 5px 0 0 rgba(254, 254, 254, 0.5);
  border-radius: 5px;
  cursor: pointer;
}
.sunset-theme .taskbar-theme-colors-item.selected {
  border: 5px solid white;
  box-shadow: 0 5px 0 0 rgba(255, 255, 255, 0.5);
  border-radius: 5px;
}
.sunset-theme .taskbar-theme-toggle {
  grid-area: themeToggle;
  width: 1rem;
  height: 1rem;
  cursor: pointer;
  background-color: #e5816b;
  border: 5px solid #FEFEFE;
  border-radius: 5px;
}
.sunset-theme .window {
  display: grid;
  grid-template-rows: auto 1fr;
  max-height: 75%;
  max-width: 75%;
  opacity: 0;
  resize: both;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: filter 0.25s ease-out;
  background-color: #1f1f1f;
  color: #FEFEFE;
  border: 5px solid #FEFEFE;
  box-shadow: 0 5px 0 0 rgba(254, 254, 254, 0.5);
  border-radius: 5px;
}
@media (max-width: 767px) {
  .sunset-theme .window {
    width: calc(100% - 2px) !important;
    height: calc(100% - 2px) !important;
    max-width: 100vw !important;
    max-height: calc(100% - 3rem) !important;
    transform: translate(-50%, -50%) !important;
    margin-top: -25px;
    -webkit-font-smoothing: subpixel-antialiased;
  }
}
.sunset-theme .window.full-screen {
  width: calc(100% - 2px) !important;
  height: calc(100% - 2px) !important;
  max-width: 100vw !important;
  max-height: calc(100% - 3rem) !important;
  transform: translate(-50%, -50%) !important;
  margin-top: -25px;
  -webkit-font-smoothing: subpixel-antialiased;
  border: none;
}
.sunset-theme .window.on-focus {
  z-index: 90001;
  background-color: #1f1f1f;
}
.sunset-theme .window:not(.on-focus) {
  z-index: 0 !important;
  filter: grayscale(100%) brightness(50%);
}
@media (max-width: 767px) {
  .sunset-theme .window:not(.on-focus) {
    opacity: 1 !important;
  }
}
.sunset-theme .window-toolbar {
  width: 100%;
  background-color: #FEFEFE;
  color: #000;
  display: inline-flex;
  justify-items: center;
  justify-content: space-between;
  z-index: 0;
}
.sunset-theme .window-toolbar-title {
  display: inline-flex;
  padding: 0.75rem;
  font-weight: bold;
}
.sunset-theme .window-toolbar-title .icon {
  margin-right: 0.75rem;
  width: 1rem;
  height: 1rem;
}
.sunset-theme .window-toolbar-title .icon svg {
  fill: #000;
}
.sunset-theme .window-toolbar-title .icon svg rect, .sunset-theme .window-toolbar-title .icon svg circle, .sunset-theme .window-toolbar-title .icon svg path, .sunset-theme .window-toolbar-title .icon svg line {
  fill: #000 !important;
}
.sunset-theme .window-toolbar-actions {
  display: inline-flex;
  border-top-right-radius: 5px;
}
.sunset-theme .window-toolbar-actions .icon {
  padding: 0.75rem;
  cursor: pointer;
  opacity: 1;
}
.sunset-theme .window-toolbar-actions .icon svg {
  fill: #000;
}
.sunset-theme .window-toolbar-actions .icon svg rect, .sunset-theme .window-toolbar-actions .icon svg circle, .sunset-theme .window-toolbar-actions .icon svg path, .sunset-theme .window-toolbar-actions .icon svg line {
  fill: #000 !important;
}
.sunset-theme .window-toolbar-actions .icon svg {
  height: 1rem;
  width: 1rem;
  opacity: 0.5;
  transition: opacity 0.25s ease-out;
}
.sunset-theme .window-toolbar-actions .icon:hover svg {
  opacity: 1;
}
.sunset-theme .window-content {
  padding: 0;
  width: 100%;
  color: #FEFEFE;
  overflow: auto;
}
.sunset-theme .loader {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 900009;
  background-color: black;
  color: white;
  display: flex;
  flex-direction: column;
  place-content: flex-start;
  place-items: flex-start;
  opacity: 0;
  text-transform: uppercase;
  font-size: 0.75rem;
  font-family: "Clacon", "sans-serif" !important;
  max-height: 100%;
  overflow: auto;
}
@media (max-width: 992px) {
  .sunset-theme .loader {
    padding: 1rem;
    width: calc(100% - 2rem);
    height: calc(100% - 2rem);
    font-size: 0.75rem;
  }
}
.sunset-theme .loader-title {
  margin-left: 1rem;
}
@media (max-width: 767px) {
  .sunset-theme .loader-title {
    margin-left: 1rem;
  }
}
.sunset-theme .loader-title p {
  margin: 0;
}
.sunset-theme .loader ul {
  list-style: none;
  margin-left: 1rem;
  padding: 0;
}
@media (max-width: 767px) {
  .sunset-theme .loader ul {
    margin-left: 1rem;
  }
}
.sunset-theme .loader ul li {
  padding: 0;
  display: grid;
  grid-template-columns: 4.5rem auto 1rem;
  align-items: center;
}
.sunset-theme .loader ul li b {
  background-color: blue;
}
.sunset-theme .loader ul li i {
  background-color: lawngreen;
  color: blue;
  font-style: normal;
}
.sunset-theme .loader ul li small {
  font-size: inherit !important;
  background-color: red;
}
.sunset-theme .loader ul li pre {
  display: inline-flex;
  margin: 0;
  background-color: aqua;
  font-size: inherit !important;
  font-family: inherit !important;
}
.sunset-theme .loader-rindex {
  color: white;
}
.sunset-theme .nicaos {
  display: grid;
  grid-template-areas: "desktop" "taskbar";
  height: 100%;
  grid-template-rows: calc(100% - 3rem - 2px) calc(3rem + 2px);
}
.sunset-theme .nicaos .desktop {
  grid-area: desktop;
  height: 100%;
  overflow: hidden;
  place-content: flex-start;
  place-items: flex-start;
  flex-wrap: wrap;
  opacity: 0;
  position: relative;
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .sunset-theme .nicaos .desktop {
    flex-direction: row;
  }
}
.sunset-theme .nicaos .desktop-icon {
  display: inline-flex;
  flex-direction: column;
  place-content: flex-start;
  place-items: center;
  width: 4rem;
  height: 4rem;
  margin: 0.75rem;
  padding: 0.75rem;
  cursor: pointer;
  opacity: 0;
  transform: translate3d(0, 100px, 0);
  color: #FEFEFE;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 0.75rem;
  font-weight: bolder;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
  text-transform: capitalize;
}
@media (max-width: 767px) {
  .sunset-theme .nicaos .desktop-icon {
    margin: 0;
    width: 4rem;
    padding: 0.75rem;
  }
}
.sunset-theme .nicaos .desktop-icon:hover {
  background-color: rgba(254, 254, 254, 0.25);
}
.sunset-theme .nicaos .desktop-icon .icon {
  width: 2rem;
  height: 2rem;
  margin-bottom: 1rem;
}
.sunset-theme .nicaos .desktop-icon .icon svg {
  fill: #FEFEFE;
}
.sunset-theme .nicaos .desktop-icon .icon svg rect, .sunset-theme .nicaos .desktop-icon .icon svg circle, .sunset-theme .nicaos .desktop-icon .icon svg path, .sunset-theme .nicaos .desktop-icon .icon svg line {
  fill: #FEFEFE !important;
}
.sunset-theme .nicaos .desktop-background {
  opacity: 0;
  position: absolute;
  width: 5rem;
  height: 5rem;
  top: calc(50% - 2.5rem);
  left: calc(50% - 2.5rem);
  border-radius: 5px;
}
@media (max-width: 767px) {
  .sunset-theme .nicaos .desktop-background {
    width: 2rem;
    height: 2rem;
    left: calc(50% - 1rem);
  }
}
.sunset-theme .nicaos #console {
  overflow: auto;
  padding: 1.5rem;
  height: calc(100% - 3rem);
  width: calc(100% - 3rem);
  background-color: black;
  font-family: "Clacon", "sans-serif" !important;
}
.sunset-theme .nicaos #console::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.sunset-theme .nicaos #console::-webkit-scrollbar-thumb {
  background: #FEFEFE;
}
.sunset-theme .nicaos #console::-webkit-scrollbar-track {
  background: #000;
}
.sunset-theme .nicaos #console {
  scrollbar-face-color: #FEFEFE;
  scrollbar-track-color: #000;
}
.sunset-theme .nicaos #console table {
  width: 100%;
  font-size: 1.5rem;
}
.sunset-theme .nicaos #console table .console-description {
  color: lawngreen;
}
.sunset-theme .nicaos #console table .console-message b {
  color: #82B6FF;
}
.sunset-theme h1:before, .sunset-theme h2:before {
  content: "";
  background-color: #FEFEFE;
  width: 2rem;
  height: 0.5rem;
  border-radius: 5px;
  display: block;
}
.sunset-theme b .emphasis {
  color: #FEFEFE;
}
.sunset-theme .full-row {
  grid-column: -1/1;
}
.sunset-theme .app-select {
  display: inline-flex;
  width: 100%;
  height: 100%;
  position: relative;
  min-width: 10rem;
  cursor: pointer;
}
.sunset-theme .app-select:before {
  content: "";
  display: block;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #e5816b;
  position: absolute;
  right: calc(1rem - 2.5px);
  top: calc(50% - 2.5px);
}
.sunset-theme .app-select-value {
  background-color: rgba(229, 129, 107, 0.1);
  padding: 1rem;
  width: calc(100% - 2rem);
  height: calc(100% - 2rem);
}
.sunset-theme .app-select-options {
  position: absolute;
  z-index: 90001;
  width: 100%;
  top: 100%;
  left: 0;
  background-color: #1f1f1f;
  color: #FEFEFE;
  box-shadow: 0 2px 5px 0 #000;
}
.sunset-theme .app-select-options-item {
  padding: 1rem;
  width: calc(100% - 2rem);
  height: calc(100% - 2rem);
  cursor: pointer;
}
.sunset-theme .app-select-options-item:hover {
  background-color: rgba(229, 129, 107, 0.05);
}
.sunset-theme .app-select-options-item.selected {
  background-color: rgba(229, 129, 107, 0.1);
}
.sunset-theme app-link {
  display: contents;
}
.sunset-theme app-link a {
  text-decoration: none;
  color: #e5816b;
  cursor: pointer;
  display: inline-block;
}
.sunset-theme app-link a fa-icon {
  font-size: 0.75rem;
  margin-right: 0.5rem;
  color: #e5816b;
}
.sunset-theme app-tooltip {
  display: contents;
}
.sunset-theme app-tooltip .tooltip {
  background-color: #1f1f1f;
  color: #FEFEFE;
  width: calc(100% - 1rem * 2 - 10px);
  display: flex;
  padding: 1rem;
  font-weight: bolder;
  grid-column: 1/-1;
  margin-bottom: 1rem;
  border: 5px solid #FEFEFE;
  box-shadow: 0 5px 0 0 rgba(254, 254, 254, 0.5);
  border-radius: 5px;
}
.sunset-theme app-tooltip .tooltip fa-icon {
  margin-right: 1rem;
}
.sunset-theme .app-welcome {
  display: grid;
  grid-template-columns: 25% 75%;
  width: 100%;
  height: 100%;
  background-color: #000;
}
@media (max-width: 767px) {
  .sunset-theme .app-welcome {
    grid-template-columns: 100%;
  }
}
.sunset-theme .app-welcome .image {
  width: 2rem;
  height: 2rem;
}
.sunset-theme .app-welcome h1 {
  font-size: 3rem;
  margin-top: 0;
  margin-bottom: 1.5rem;
}
@media (max-width: 767px) {
  .sunset-theme .app-welcome h1 {
    font-size: 2rem;
  }
}
.sunset-theme .app-welcome h2 {
  width: 100%;
  padding: 1.5rem 0;
  text-align: left;
  font-size: 3rem;
  grid-column: 1/-1;
}
@media (max-width: 767px) {
  .sunset-theme .app-welcome h2 {
    grid-area: none;
  }
}
.sunset-theme .app-welcome-left {
  background-color: black;
  height: calc(100% - 1.5rem);
  width: calc(100% - 1.5rem);
  padding: 0.75rem;
  position: relative;
}
@media (max-width: 767px) {
  .sunset-theme .app-welcome-left {
    display: none;
  }
}
.sunset-theme .app-welcome-left h3 {
  margin-top: 0;
}
.sunset-theme .app-welcome-left ul {
  list-style: none;
  margin: 0;
  padding: 0 0 0 1rem;
}
.sunset-theme .app-welcome-left ul li {
  margin: 0.75rem 0;
  cursor: pointer;
  opacity: 0.5;
  transition: color 0.25s ease-in-out;
}
.sunset-theme .app-welcome-left ul li.active {
  color: #e5816b;
  opacity: 1;
}
.sunset-theme .app-welcome-left ul li:hover {
  color: #FEFEFE;
  opacity: 1;
}
.sunset-theme .app-welcome-left #downloadCV a {
  position: absolute;
  bottom: 1rem;
  display: inline-flex;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  padding: 0.75rem;
  width: calc(100% - 3rem - 10px);
  border: 5px solid #e5816b;
  box-shadow: 0 5px 0 0 rgba(229, 129, 107, 0.5);
  border-radius: 5px;
}
.sunset-theme .app-welcome-right {
  height: calc(100% - 3rem);
  width: calc(100% - 3rem);
  overflow: auto;
  padding: 1.5rem;
  background-color: rgba(229, 129, 107, 0.1);
}
.sunset-theme .app-welcome-right::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.sunset-theme .app-welcome-right::-webkit-scrollbar-thumb {
  background: #e5816b;
}
.sunset-theme .app-welcome-right::-webkit-scrollbar-track {
  background: rgba(229, 129, 107, 0.1);
}
.sunset-theme .app-welcome-right {
  scrollbar-face-color: #e5816b;
  scrollbar-track-color: rgba(229, 129, 107, 0.1);
}
.sunset-theme .app-welcome-right #intro {
  flex-wrap: wrap;
  display: grid;
  grid-template-columns: 50% 50%;
  grid-column-gap: 0.75rem;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
  grid-template-areas: "h1 h1" "text1 text1";
}
@media (max-width: 767px) {
  .sunset-theme .app-welcome-right #intro {
    grid-template-areas: none;
    grid-template-columns: none;
    display: flex;
  }
}
.sunset-theme .app-welcome-right .personal-icons {
  margin: 1rem 0;
  display: inline-grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}
.sunset-theme .app-welcome-right .personal-icons-item {
  display: inline-flex;
  place-items: center;
  color: #FEFEFE;
  background-color: #e5816b;
  border: 5px solid #e5816b;
  box-shadow: 0 5px 0 0 rgba(229, 129, 107, 0.5);
  border-radius: 5px;
}
.sunset-theme .app-welcome-right .personal-icons-item .image {
  width: 64px;
  height: 68px;
  margin-right: 1rem;
  border-radius: 5px;
}
.sunset-theme .app-welcome-right .personal-icons-item span {
  font-size: 1rem;
  font-weight: bold;
}
.sunset-theme .app-welcome-right #story {
  flex-wrap: wrap;
  display: grid;
  grid-template-columns: 50% 50%;
  grid-column-gap: 0.75rem;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
  grid-template-areas: "h2 h2" "about01 about01" "text2 text2";
}
@media (max-width: 767px) {
  .sunset-theme .app-welcome-right #story {
    grid-template-areas: none;
    grid-template-columns: none;
    display: flex;
  }
}
.sunset-theme .app-welcome-right h1 {
  grid-area: h1;
  padding: 1.5rem 0;
  text-align: left;
}
@media (max-width: 767px) {
  .sunset-theme .app-welcome-right h1 {
    grid-area: none;
  }
}
.sunset-theme .app-welcome-right h2 {
  grid-area: h2;
}
.sunset-theme .app-welcome-right #about01 {
  width: 100%;
  height: auto;
  max-width: 10rem;
  float: right;
  grid-area: about01;
  padding: 1.5rem 0;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .sunset-theme .app-welcome-right #about01 {
    width: 15rem;
    height: auto;
    max-width: 100vw;
    margin: 0 auto;
    grid-area: none;
  }
}
.sunset-theme .app-welcome-right #text1 {
  text-align: left;
  padding: 1.5rem 0;
}
.sunset-theme .app-welcome-right #works .education-item,
.sunset-theme .app-welcome-right #works .work-item,
.sunset-theme .app-welcome-right #education .education-item,
.sunset-theme .app-welcome-right #education .work-item {
  display: inline-grid;
  grid-column-gap: 1rem;
  margin-bottom: 1.5rem;
  place-items: center;
  grid-template-areas: "icon title" "icon date" "empty subtitle";
}
.sunset-theme .app-welcome-right #works .education-item .image,
.sunset-theme .app-welcome-right #works .work-item .image,
.sunset-theme .app-welcome-right #education .education-item .image,
.sunset-theme .app-welcome-right #education .work-item .image {
  grid-area: icon;
  min-width: 5rem;
  min-height: 5rem;
}
.sunset-theme .app-welcome-right #works .education-item-title,
.sunset-theme .app-welcome-right #works .work-item-title,
.sunset-theme .app-welcome-right #education .education-item-title,
.sunset-theme .app-welcome-right #education .work-item-title {
  grid-area: title;
  width: 100%;
  font-weight: bolder;
  font-size: 1.5rem;
}
.sunset-theme .app-welcome-right #works .education-item-subtitle,
.sunset-theme .app-welcome-right #works .work-item-subtitle,
.sunset-theme .app-welcome-right #education .education-item-subtitle,
.sunset-theme .app-welcome-right #education .work-item-subtitle {
  grid-area: subtitle;
  margin-top: 0.75rem;
}
.sunset-theme .app-welcome-right #works .education-item-dates,
.sunset-theme .app-welcome-right #works .work-item-dates,
.sunset-theme .app-welcome-right #education .education-item-dates,
.sunset-theme .app-welcome-right #education .work-item-dates {
  width: 100%;
  grid-area: date;
}
.sunset-theme .app-welcome-right #skills .skills-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}
@media (max-width: 992px) {
  .sunset-theme .app-welcome-right #skills .skills-container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .sunset-theme .app-welcome-right #skills .skills-container {
    grid-template-columns: 1fr;
  }
}
.sunset-theme .app-welcome-right #skills .skills-item {
  display: grid;
  grid-template-areas: "icon title" "description description";
  grid-template-columns: 2rem auto;
  background-color: #1f1f1f;
  color: #FEFEFE;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  padding: 1rem;
  border: 5px solid #e5816b;
  box-shadow: 0 5px 0 0 rgba(229, 129, 107, 0.5);
  border-radius: 5px;
}
.sunset-theme .app-welcome-right #skills .skills-item-title {
  grid-area: title;
  font-weight: bolder;
  font-size: 1.5rem;
}
.sunset-theme .app-welcome-right #skills .skills-item-description {
  grid-area: description;
  color: #FEFEFE;
}
.sunset-theme .app-welcome-right #skills .skills-item-icon {
  grid-area: icon;
  color: #FEFEFE;
  font-size: 1.5rem;
}
.sunset-theme .app-welcome-right #more .more-links {
  margin-top: 1.5rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}
@media (max-width: 992px) {
  .sunset-theme .app-welcome-right #more .more-links {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767px) {
  .sunset-theme .app-welcome-right #more .more-links {
    grid-template-columns: repeat(2, 1fr);
  }
}
.sunset-theme .app-welcome-right #more .more-links app-link a {
  display: inline-flex;
  justify-content: center;
  place-content: center;
  align-items: center;
  justify-items: center;
  padding: 1rem;
  border: 5px solid #e5816b;
  box-shadow: 0 5px 0 0 rgba(229, 129, 107, 0.5);
  border-radius: 5px;
}
.sunset-theme .app-welcome-right #more .more-links app-link#downloadCV a {
  background-color: #FEFEFE;
  color: #1f1f1f;
  grid-column: 1/-1;
}
.sunset-theme .app-welcome h1 {
  margin: 0;
}
.sunset-theme .app-welcome h2 {
  margin: 1rem 0 0 0;
}
.sunset-theme .app-welcome span {
  font-size: 1.5rem;
}
.sunset-theme .app-welcome span b, .sunset-theme .app-welcome span i {
  color: #e5816b;
}
.sunset-theme .app-welcome span#text1 {
  grid-area: text1;
}
@media (max-width: 767px) {
  .sunset-theme .app-welcome span#text1 {
    grid-area: none;
  }
}
.sunset-theme .app-welcome span#text2 {
  grid-area: text2;
}
@media (max-width: 767px) {
  .sunset-theme .app-welcome span#text2 {
    grid-area: none;
  }
}
.sunset-theme .app-browser {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-areas: "toolbar" "iframe";
  grid-template-rows: 2rem 1fr;
}
.sunset-theme .app-browser-searchbar {
  grid-area: toolbar;
  padding: 0 1rem;
  place-content: center;
}
.sunset-theme .app-browser-searchbar input {
  width: 100%;
  height: 2rem;
  border: none;
  outline: none;
  margin: 0;
  border-radius: 0;
  background-color: #1f1f1f;
  color: #FEFEFE;
}
.sunset-theme .app-browser iframe {
  border: none;
  grid-area: iframe;
  width: 100%;
  height: 100%;
  margin: 0;
}
.sunset-theme .app-file-explorer {
  display: grid;
  grid-template-areas: "toolbar toolbar" "three result";
  grid-template-rows: auto 1fr;
  grid-template-columns: 25% 1fr;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
@media (max-width: 767px) {
  .sunset-theme .app-file-explorer {
    grid-template-columns: 35% 1fr;
  }
}
.sunset-theme .app-file-explorer-toolbar {
  grid-area: toolbar;
  background-color: rgba(254, 254, 254, 0.1);
  color: #1f1f1f;
  display: inline-flex;
  width: 100%;
}
.sunset-theme .app-file-explorer-toolbar fa-icon {
  display: inline-flex;
  padding: 0 1rem;
  background-color: #1f1f1f;
  color: #FEFEFE;
  place-items: center;
}
.sunset-theme .app-file-explorer-toolbar input {
  background-color: transparent;
  color: #FEFEFE;
  border: 0;
  outline: none;
  border-radius: 0;
  padding: 1rem;
  width: calc(100% - 2rem);
  font-weight: bolder;
  font-style: italic;
}
.sunset-theme .app-file-explorer-three {
  grid-area: three;
  background-color: rgba(0, 0, 0, 0.25);
  width: 100%;
  height: 100%;
  overflow: auto;
}
.sunset-theme .app-file-explorer-three::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.sunset-theme .app-file-explorer-three::-webkit-scrollbar-thumb {
  background: #FEFEFE;
}
.sunset-theme .app-file-explorer-three::-webkit-scrollbar-track {
  background: #000;
}
.sunset-theme .app-file-explorer-three {
  scrollbar-face-color: #FEFEFE;
  scrollbar-track-color: #000;
}
.sunset-theme .app-file-explorer-three ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sunset-theme .app-file-explorer-three ul li {
  padding: 0.75rem 1rem;
  display: inline-flex;
  width: calc(100% - 2rem);
  cursor: pointer !important;
  text-transform: capitalize;
}
@media (max-width: 767px) {
  .sunset-theme .app-file-explorer-three ul li {
    font-size: 0.75rem;
  }
}
.sunset-theme .app-file-explorer-three ul li .icon {
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  max-width: 1rem;
  margin-right: 1rem;
}
.sunset-theme .app-file-explorer-three ul li .icon svg {
  fill: #FEFEFE;
}
.sunset-theme .app-file-explorer-three ul li .icon svg rect, .sunset-theme .app-file-explorer-three ul li .icon svg circle, .sunset-theme .app-file-explorer-three ul li .icon svg path, .sunset-theme .app-file-explorer-three ul li .icon svg line {
  fill: #FEFEFE !important;
}
.sunset-theme .app-file-explorer-three ul li:hover, .sunset-theme .app-file-explorer-three ul li.active {
  background-color: #e5816b;
  color: #FEFEFE;
}
.sunset-theme .app-file-explorer-three ul li:hover svg, .sunset-theme .app-file-explorer-three ul li.active svg {
  fill: #FEFEFE;
}
.sunset-theme .app-file-explorer-three ul li:hover svg rect, .sunset-theme .app-file-explorer-three ul li:hover svg circle, .sunset-theme .app-file-explorer-three ul li:hover svg path, .sunset-theme .app-file-explorer-three ul li:hover svg line, .sunset-theme .app-file-explorer-three ul li.active svg rect, .sunset-theme .app-file-explorer-three ul li.active svg circle, .sunset-theme .app-file-explorer-three ul li.active svg path, .sunset-theme .app-file-explorer-three ul li.active svg line {
  fill: #FEFEFE !important;
}
.sunset-theme .app-file-explorer-three ul li.secondary {
  padding-left: 1.5rem;
  width: calc(100% - 1rem - 1.5rem);
}
.sunset-theme .app-file-explorer-result {
  grid-area: result;
  display: flex;
  flex-direction: column;
  padding: 1rem;
  width: calc(100% - 2rem);
  height: calc(100% - 2rem);
  overflow: auto;
  background-color: #000;
}
.sunset-theme .app-file-explorer-result::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.sunset-theme .app-file-explorer-result::-webkit-scrollbar-thumb {
  background: #e5816b;
}
.sunset-theme .app-file-explorer-result::-webkit-scrollbar-track {
  background: rgba(229, 129, 107, 0.1);
}
.sunset-theme .app-file-explorer-result {
  scrollbar-face-color: #e5816b;
  scrollbar-track-color: rgba(229, 129, 107, 0.1);
}
.sunset-theme .app-file-explorer-result table thead tr {
  border-bottom: 1px solid #e5816b;
}
.sunset-theme .app-file-explorer-result table thead tr th {
  text-align: left;
  font-size: 0.75rem;
  color: #FEFEFE;
}
.sunset-theme .app-file-explorer-result table tbody tr {
  background-color: rgba(229, 129, 107, 0.1);
  cursor: pointer;
}
.sunset-theme .app-file-explorer-result table tbody tr.app-file-explorer-result-separator {
  background-color: #e5816b;
  color: #FEFEFE;
}
.sunset-theme .app-file-explorer-result table tbody tr.app-file-explorer-result-separator h4 {
  margin: 0;
}
.sunset-theme .app-file-explorer-result table tbody tr:not(.app-file-explorer-result-empty):hover {
  background-color: rgba(229, 129, 107, 0.25);
}
.sunset-theme .app-file-explorer-result table tbody tr.app-file-explorer-result-separator:hover {
  background-color: #e5816b;
}
.sunset-theme .app-file-explorer-result table tbody tr td {
  padding: 1rem;
}
.sunset-theme .app-file-explorer-result table tbody tr td h3 {
  margin: 0;
  width: 100%;
  text-align: center;
  opacity: 0.5;
}
.sunset-theme .app-file-explorer-result table tbody tr td .icon {
  width: 1rem;
  height: 1rem;
  margin-right: 1rem;
  float: left;
}
.sunset-theme .app-file-explorer-result table tbody tr td p {
  float: left;
  margin: 0;
}
.sunset-theme .text-editor {
  display: grid;
  grid-template-areas: "toolbar" "pages";
  grid-template-rows: auto 1fr;
  height: 100%;
  overflow: hidden;
}
.sunset-theme .text-editor-toolbar {
  grid-area: toolbar;
  display: flex;
  flex-wrap: wrap;
  background-color: #000;
  color: #FEFEFE;
}
.sunset-theme .text-editor-toolbar button {
  padding: 1rem;
  background-color: transparent;
  border-radius: 0;
  color: #FEFEFE;
  outline: none;
  border: none;
  cursor: pointer;
}
.sunset-theme .text-editor-toolbar button:hover {
  background-color: rgba(229, 129, 107, 0.05);
}
.sunset-theme .text-editor-toolbar select {
  background-color: transparent;
  color: #FEFEFE;
  outline: none;
  border: none;
  min-width: 10rem;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Remove default arrow */
}
.sunset-theme .text-editor-pages {
  grid-area: pages;
  width: 100%;
  height: 100%;
  overflow: auto;
  display: flex;
  justify-content: center;
}
.sunset-theme .text-editor-pages::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.sunset-theme .text-editor-pages::-webkit-scrollbar-thumb {
  background: #FEFEFE;
}
.sunset-theme .text-editor-pages::-webkit-scrollbar-track {
  background: #000;
}
.sunset-theme .text-editor-pages {
  scrollbar-face-color: #FEFEFE;
  scrollbar-track-color: #000;
}
.sunset-theme .text-editor-pages #page {
  outline: none !important;
  border: none !important;
  height: calc(1684px - 1.5rem);
  width: calc(1190px - 1.5rem);
  max-width: 100%;
  padding: 0.75rem;
  box-shadow: 0 0 5px 0 black;
  overflow: hidden;
  margin: 6rem 0;
  background-color: white;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.sunset-theme .app-kandm {
  width: 100%;
  height: 100%;
  background-color: black;
  overflow: hidden;
}
.sunset-theme .app-kandm app-tooltip {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  display: inline-block;
  z-index: 10001;
}
.sunset-theme .app-kandm-intro {
  width: 100%;
  height: 100%;
  display: flex;
  place-content: center;
  place-items: center;
  flex-direction: column;
  position: relative;
}
.sunset-theme .app-kandm-intro-background {
  position: absolute;
  top: -12.5%;
  left: -12.5%;
  width: 125%;
  height: 125%;
  transform-style: preserve-3d;
  background-color: #82B6FF;
}
.sunset-theme .app-kandm-intro-background #background01,
.sunset-theme .app-kandm-intro-background #background02,
.sunset-theme .app-kandm-intro-background #background03 {
  background-size: contain !important;
  background-repeat: repeat !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.sunset-theme .app-kandm-intro-logo {
  width: 75%;
  display: flex;
  place-content: center;
  place-items: center;
  flex-direction: column;
  position: relative;
}
.sunset-theme .app-kandm-intro-logo #shield {
  width: 128px;
  height: 144px;
  background-size: contain !important;
  position: absolute;
  left: calc(50% - 64px);
  top: calc(50% - 77px);
}
.sunset-theme .app-kandm-intro-logo #sword-left,
.sunset-theme .app-kandm-intro-logo #sword-right {
  width: 100px;
  height: 100px;
  background-size: contain !important;
  position: absolute;
  left: calc(50% - 50px) !important;
  top: calc(50% - 50px) !important;
}
.sunset-theme .app-kandm-intro-logo #logos {
  width: 100%;
  display: flex;
  place-content: center;
  place-items: center;
  flex-direction: column;
}
.sunset-theme .app-kandm-intro-logo #logos #logo-p1 {
  width: 60%;
  min-width: 20rem;
}
.sunset-theme .app-kandm-intro-logo #logos #logo-p1 svg {
  fill: #FED330;
}
.sunset-theme .app-kandm-intro-logo #logos #logo-p1 svg rect, .sunset-theme .app-kandm-intro-logo #logos #logo-p1 svg circle, .sunset-theme .app-kandm-intro-logo #logos #logo-p1 svg path, .sunset-theme .app-kandm-intro-logo #logos #logo-p1 svg line {
  fill: #FED330 !important;
}
.sunset-theme .app-kandm-intro-logo #logos #logo-p2 {
  width: 30%;
  min-width: 10rem;
}
.sunset-theme .app-kandm-intro-logo #logos #logo-p2 svg {
  fill: #FFF;
}
.sunset-theme .app-kandm-intro-logo #logos #logo-p2 svg rect, .sunset-theme .app-kandm-intro-logo #logos #logo-p2 svg circle, .sunset-theme .app-kandm-intro-logo #logos #logo-p2 svg path, .sunset-theme .app-kandm-intro-logo #logos #logo-p2 svg line {
  fill: #FFF !important;
}
.sunset-theme .app-kandm-intro-logo #logos #logo-p3 {
  width: 40%;
  min-width: 18rem;
}
.sunset-theme .app-kandm-intro-logo #logos #logo-p3 svg {
  fill: #EB3B5A;
}
.sunset-theme .app-kandm-intro-logo #logos #logo-p3 svg rect, .sunset-theme .app-kandm-intro-logo #logos #logo-p3 svg circle, .sunset-theme .app-kandm-intro-logo #logos #logo-p3 svg path, .sunset-theme .app-kandm-intro-logo #logos #logo-p3 svg line {
  fill: #EB3B5A !important;
}
.sunset-theme .app-kandm-buttons {
  margin-top: 6rem;
}
.sunset-theme .app-kandm-buttons button {
  background-size: contain !important;
  background-color: transparent;
  width: 240px;
  height: 110px;
  outline: none;
  border: none;
  cursor: pointer;
}
.sunset-theme .random-name-generator {
  width: 100%;
  height: 100%;
  display: inline-flex;
  place-content: center;
  place-items: center;
  flex-direction: column;
}
.sunset-theme .random-name-generator button {
  padding: 1rem;
  color: #000;
  font-family: "Ubuntu", "sans-serif";
  font-weight: bolder;
  cursor: pointer;
  border: 5px solid #e5816b;
  box-shadow: 0 5px 0 0 rgba(229, 129, 107, 0.5);
  border-radius: 5px;
}
.elegant-theme body {
  height: 100%;
  margin: 0;
  overflow: hidden;
  font-family: "Ubuntu", "sans-serif" !important;
  padding: 0;
  font-size: 100%;
  text-rendering: geometricPrecision;
  background-color: #212121;
  color: #faf9f9;
}
.elegant-theme .icon, .elegant-theme .image {
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.elegant-theme .icon svg, .elegant-theme .image svg {
  fill: #faf9f9;
}
.elegant-theme .icon svg rect, .elegant-theme .icon svg circle, .elegant-theme .icon svg path, .elegant-theme .icon svg line, .elegant-theme .image svg rect, .elegant-theme .image svg circle, .elegant-theme .image svg path, .elegant-theme .image svg line {
  fill: #faf9f9 !important;
}
.elegant-theme .icon svg, .elegant-theme .image svg {
  width: 100%;
  height: 100%;
}
.elegant-theme .icon svg g:first-child, .elegant-theme .image svg g:first-child {
  width: 100%;
  height: 100%;
}
.elegant-theme .icon image, .elegant-theme .image image {
  width: 100%;
  height: 100%;
}
.elegant-theme .hidden {
  display: none !important;
  visibility: hidden !important;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  opacity: 0;
}
.elegant-theme hr {
  border-color: #faf9f9;
  margin: 1.5rem 0;
}
.elegant-theme .taskbar {
  position: relative;
  grid-area: taskbar;
  background-color: #2c2c2c;
  color: #faf9f9;
  height: 100%;
  transform: translate(0, 500px);
  display: grid;
  align-items: center;
  grid-template-areas: "menuToggle menu windows themeToggle themeSelector today";
  grid-template-columns: 8rem 0 1fr 2rem 0 7rem;
  z-index: 9000009;
}
@media (max-width: 992px) {
  .elegant-theme .taskbar {
    grid-template-columns: 4rem 0 1fr 2rem 0 7rem;
  }
}
.elegant-theme .taskbar-menu {
  display: flex;
  place-items: center;
  place-content: center;
  padding: 1rem;
  background-color: #faf9f9;
  font-size: 1rem;
  color: #212121;
  cursor: pointer;
  grid-area: menuToggle;
  font-weight: bold;
}
.elegant-theme .taskbar-menu .icon {
  height: 1rem;
  width: 1rem;
  margin-right: 1rem;
}
.elegant-theme .taskbar-menu .icon svg {
  fill: #212121;
}
.elegant-theme .taskbar-menu .icon svg rect, .elegant-theme .taskbar-menu .icon svg circle, .elegant-theme .taskbar-menu .icon svg path, .elegant-theme .taskbar-menu .icon svg line {
  fill: #212121 !important;
}
@media (max-width: 992px) {
  .elegant-theme .taskbar-menu .icon {
    margin-right: 0;
  }
}
@media (max-width: 992px) {
  .elegant-theme .taskbar-menu span {
    display: none;
  }
}
.elegant-theme .taskbar-today {
  grid-area: today;
  color: #faf9f9;
  display: flex;
  place-content: center;
  place-items: center;
  font-size: 0.75rem;
  font-weight: bold;
}
.elegant-theme .taskbar-windows {
  grid-area: windows;
  display: inline-flex;
  overflow-x: auto;
  height: 100%;
}
.elegant-theme .taskbar-windows::-webkit-scrollbar {
  width: 2.5px;
  height: 2.5px;
}
.elegant-theme .taskbar-windows::-webkit-scrollbar-thumb {
  background: #212121;
}
.elegant-theme .taskbar-windows::-webkit-scrollbar-track {
  background: #faf9f9;
}
.elegant-theme .taskbar-windows {
  scrollbar-face-color: #212121;
  scrollbar-track-color: #faf9f9;
}
.elegant-theme .taskbar-windows-item {
  height: 100%;
  background-color: #212121;
  color: #faf9f9;
  display: inline-flex;
  place-content: center;
  place-items: center;
  min-width: 8rem;
  transition: all 0.25s ease-out;
  cursor: pointer;
  font-size: 1rem;
  font-weight: bolder;
  opacity: 0;
  box-shadow: 0 0 0 0 #faf9f9 inset;
  padding: 0 0.75rem;
}
@media (max-width: 992px) {
  .elegant-theme .taskbar-windows-item {
    min-width: 3rem;
    padding: 0;
  }
  .elegant-theme .taskbar-windows-item span {
    display: none;
  }
}
.elegant-theme .taskbar-windows-item .icon {
  margin-right: 0.75rem;
  width: 1rem;
  height: 1rem;
}
.elegant-theme .taskbar-windows-item .icon svg {
  fill: #faf9f9;
}
.elegant-theme .taskbar-windows-item .icon svg rect, .elegant-theme .taskbar-windows-item .icon svg circle, .elegant-theme .taskbar-windows-item .icon svg path, .elegant-theme .taskbar-windows-item .icon svg line {
  fill: #faf9f9 !important;
}
@media (max-width: 992px) {
  .elegant-theme .taskbar-windows-item .icon {
    margin-right: 0;
  }
}
.elegant-theme .taskbar-windows-item:hover {
  box-shadow: 0 -5px 0 0 #57f9ff inset;
}
.elegant-theme .taskbar-windows-item.active {
  box-shadow: 0 -100px 0 0 #57f9ff inset;
  color: #212121;
}
.elegant-theme .taskbar-windows-item.active svg {
  fill: #212121;
}
.elegant-theme .taskbar-windows-item.active svg rect, .elegant-theme .taskbar-windows-item.active svg circle, .elegant-theme .taskbar-windows-item.active svg path, .elegant-theme .taskbar-windows-item.active svg line {
  fill: #212121 !important;
}
.elegant-theme .taskbar-windows-item span {
  text-overflow: ellipsis;
  text-align: center;
  text-transform: capitalize;
}
.elegant-theme .taskbar .menu {
  grid-area: menu;
  display: grid;
  grid-template-rows: 1fr 5rem;
  min-width: 30vw;
  min-height: 30vh;
  position: absolute;
  left: -8rem;
  bottom: 3.1rem;
  z-index: 9000009;
  background-color: #2c2c2c;
  color: #faf9f9;
}
@media (max-width: 992px) {
  .elegant-theme .taskbar .menu {
    grid-area: none;
    left: 0;
    bottom: 3rem;
    min-width: unset;
    min-height: unset;
    border-bottom: none;
    position: fixed;
    width: calc(100vw - 4px);
    height: 95vh;
  }
}
.elegant-theme .taskbar .menu h3 {
  font-size: 1.5rem;
  color: #faf9f9;
}
.elegant-theme .taskbar .menu-applications {
  display: flex;
  flex-direction: column;
  width: calc(100% - 2rem);
  height: calc(100% - 2rem);
  padding: 1rem;
  overflow: auto;
}
.elegant-theme .taskbar .menu-applications::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.elegant-theme .taskbar .menu-applications::-webkit-scrollbar-thumb {
  background: #faf9f9;
}
.elegant-theme .taskbar .menu-applications::-webkit-scrollbar-track {
  background: #212121;
}
.elegant-theme .taskbar .menu-applications {
  scrollbar-face-color: #faf9f9;
  scrollbar-track-color: #212121;
}
.elegant-theme .taskbar .menu-applications-item {
  display: grid;
  grid-template-columns: 1rem 1fr;
  grid-column-gap: 0.75rem;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
  margin-bottom: 1rem;
  align-items: center;
  padding: 1rem;
  margin: 0 -1rem;
  cursor: pointer;
}
.elegant-theme .taskbar .menu-applications-item .icon {
  width: 1rem;
  height: 1rem;
}
.elegant-theme .taskbar .menu-applications-item:hover {
  background-color: rgba(87, 249, 255, 0.1);
}
.elegant-theme .taskbar .menu-user {
  display: grid;
  width: calc(100% - 2rem);
  height: calc(100% - 2rem);
  justify-items: center;
  grid-template-columns: 3rem auto;
  grid-column-gap: 1rem;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  padding: 1rem;
  background-color: #212121;
  color: #faf9f9;
}
.elegant-theme .taskbar .menu-user-icon {
  height: 100%;
  width: 100%;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-position: center left !important;
}
.elegant-theme .taskbar .menu-user-info {
  display: flex;
  flex-direction: column;
  place-content: flex-start;
  justify-items: flex-start;
  justify-content: space-between;
  width: 100%;
}
.elegant-theme .taskbar .menu-user-info h4 {
  margin: 0;
  font-size: 1.5rem;
}
.elegant-theme .taskbar .menu-user-info b {
  color: #57f9ff;
}
.elegant-theme .taskbar-theme {
  grid-area: themeSelector;
  position: absolute;
  bottom: 4rem;
  right: -5rem;
  width: auto;
  min-width: 5rem;
  padding: 1rem;
  background-color: #2c2c2c;
  color: #faf9f9;
  border: 5px solid #57f9ff;
  box-shadow: 0 5px 0 0 rgba(87, 249, 255, 0.5);
  border-radius: 5px;
}
.elegant-theme .taskbar-theme-colors {
  display: flex;
  flex-direction: column;
}
.elegant-theme .taskbar-theme-colors h3 {
  margin: 0 0 0.75rem 0;
  color: #faf9f9;
  font-size: 0.75rem;
  text-align: center;
}
.elegant-theme .taskbar-theme-colors-picker {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-row-gap: 0.75rem;
  row-gap: 0.75rem;
  grid-column-gap: 0.75rem;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}
.elegant-theme .taskbar-theme-colors-item {
  width: 2rem;
  height: 2rem;
  border: 5px solid #faf9f9;
  box-shadow: 0 5px 0 0 rgba(250, 249, 249, 0.5);
  border-radius: 5px;
  cursor: pointer;
}
.elegant-theme .taskbar-theme-colors-item.selected {
  border: 5px solid white;
  box-shadow: 0 5px 0 0 rgba(255, 255, 255, 0.5);
  border-radius: 5px;
}
.elegant-theme .taskbar-theme-toggle {
  grid-area: themeToggle;
  width: 1rem;
  height: 1rem;
  cursor: pointer;
  background-color: #57f9ff;
  border: 5px solid #faf9f9;
  border-radius: 5px;
}
.elegant-theme .window {
  display: grid;
  grid-template-rows: auto 1fr;
  max-height: 75%;
  max-width: 75%;
  opacity: 0;
  resize: both;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: filter 0.25s ease-out;
  background-color: #2c2c2c;
  color: #faf9f9;
  border: 5px solid #faf9f9;
  box-shadow: 0 5px 0 0 rgba(250, 249, 249, 0.5);
  border-radius: 5px;
}
@media (max-width: 767px) {
  .elegant-theme .window {
    width: calc(100% - 2px) !important;
    height: calc(100% - 2px) !important;
    max-width: 100vw !important;
    max-height: calc(100% - 3rem) !important;
    transform: translate(-50%, -50%) !important;
    margin-top: -25px;
    -webkit-font-smoothing: subpixel-antialiased;
  }
}
.elegant-theme .window.full-screen {
  width: calc(100% - 2px) !important;
  height: calc(100% - 2px) !important;
  max-width: 100vw !important;
  max-height: calc(100% - 3rem) !important;
  transform: translate(-50%, -50%) !important;
  margin-top: -25px;
  -webkit-font-smoothing: subpixel-antialiased;
  border: none;
}
.elegant-theme .window.on-focus {
  z-index: 90001;
  background-color: #2c2c2c;
}
.elegant-theme .window:not(.on-focus) {
  z-index: 0 !important;
  filter: grayscale(100%) brightness(50%);
}
@media (max-width: 767px) {
  .elegant-theme .window:not(.on-focus) {
    opacity: 1 !important;
  }
}
.elegant-theme .window-toolbar {
  width: 100%;
  background-color: #faf9f9;
  color: #212121;
  display: inline-flex;
  justify-items: center;
  justify-content: space-between;
  z-index: 0;
}
.elegant-theme .window-toolbar-title {
  display: inline-flex;
  padding: 0.75rem;
  font-weight: bold;
}
.elegant-theme .window-toolbar-title .icon {
  margin-right: 0.75rem;
  width: 1rem;
  height: 1rem;
}
.elegant-theme .window-toolbar-title .icon svg {
  fill: #212121;
}
.elegant-theme .window-toolbar-title .icon svg rect, .elegant-theme .window-toolbar-title .icon svg circle, .elegant-theme .window-toolbar-title .icon svg path, .elegant-theme .window-toolbar-title .icon svg line {
  fill: #212121 !important;
}
.elegant-theme .window-toolbar-actions {
  display: inline-flex;
  border-top-right-radius: 5px;
}
.elegant-theme .window-toolbar-actions .icon {
  padding: 0.75rem;
  cursor: pointer;
  opacity: 1;
}
.elegant-theme .window-toolbar-actions .icon svg {
  fill: #212121;
}
.elegant-theme .window-toolbar-actions .icon svg rect, .elegant-theme .window-toolbar-actions .icon svg circle, .elegant-theme .window-toolbar-actions .icon svg path, .elegant-theme .window-toolbar-actions .icon svg line {
  fill: #212121 !important;
}
.elegant-theme .window-toolbar-actions .icon svg {
  height: 1rem;
  width: 1rem;
  opacity: 0.5;
  transition: opacity 0.25s ease-out;
}
.elegant-theme .window-toolbar-actions .icon:hover svg {
  opacity: 1;
}
.elegant-theme .window-content {
  padding: 0;
  width: 100%;
  color: #faf9f9;
  overflow: auto;
}
.elegant-theme .loader {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 900009;
  background-color: black;
  color: white;
  display: flex;
  flex-direction: column;
  place-content: flex-start;
  place-items: flex-start;
  opacity: 0;
  text-transform: uppercase;
  font-size: 0.75rem;
  font-family: "Clacon", "sans-serif" !important;
  max-height: 100%;
  overflow: auto;
}
@media (max-width: 992px) {
  .elegant-theme .loader {
    padding: 1rem;
    width: calc(100% - 2rem);
    height: calc(100% - 2rem);
    font-size: 0.75rem;
  }
}
.elegant-theme .loader-title {
  margin-left: 1rem;
}
@media (max-width: 767px) {
  .elegant-theme .loader-title {
    margin-left: 1rem;
  }
}
.elegant-theme .loader-title p {
  margin: 0;
}
.elegant-theme .loader ul {
  list-style: none;
  margin-left: 1rem;
  padding: 0;
}
@media (max-width: 767px) {
  .elegant-theme .loader ul {
    margin-left: 1rem;
  }
}
.elegant-theme .loader ul li {
  padding: 0;
  display: grid;
  grid-template-columns: 4.5rem auto 1rem;
  align-items: center;
}
.elegant-theme .loader ul li b {
  background-color: blue;
}
.elegant-theme .loader ul li i {
  background-color: lawngreen;
  color: blue;
  font-style: normal;
}
.elegant-theme .loader ul li small {
  font-size: inherit !important;
  background-color: red;
}
.elegant-theme .loader ul li pre {
  display: inline-flex;
  margin: 0;
  background-color: aqua;
  font-size: inherit !important;
  font-family: inherit !important;
}
.elegant-theme .loader-rindex {
  color: white;
}
.elegant-theme .nicaos {
  display: grid;
  grid-template-areas: "desktop" "taskbar";
  height: 100%;
  grid-template-rows: calc(100% - 3rem - 2px) calc(3rem + 2px);
}
.elegant-theme .nicaos .desktop {
  grid-area: desktop;
  height: 100%;
  overflow: hidden;
  place-content: flex-start;
  place-items: flex-start;
  flex-wrap: wrap;
  opacity: 0;
  position: relative;
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .elegant-theme .nicaos .desktop {
    flex-direction: row;
  }
}
.elegant-theme .nicaos .desktop-icon {
  display: inline-flex;
  flex-direction: column;
  place-content: flex-start;
  place-items: center;
  width: 4rem;
  height: 4rem;
  margin: 0.75rem;
  padding: 0.75rem;
  cursor: pointer;
  opacity: 0;
  transform: translate3d(0, 100px, 0);
  color: #faf9f9;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 0.75rem;
  font-weight: bolder;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
  text-transform: capitalize;
}
@media (max-width: 767px) {
  .elegant-theme .nicaos .desktop-icon {
    margin: 0;
    width: 4rem;
    padding: 0.75rem;
  }
}
.elegant-theme .nicaos .desktop-icon:hover {
  background-color: rgba(250, 249, 249, 0.25);
}
.elegant-theme .nicaos .desktop-icon .icon {
  width: 2rem;
  height: 2rem;
  margin-bottom: 1rem;
}
.elegant-theme .nicaos .desktop-icon .icon svg {
  fill: #faf9f9;
}
.elegant-theme .nicaos .desktop-icon .icon svg rect, .elegant-theme .nicaos .desktop-icon .icon svg circle, .elegant-theme .nicaos .desktop-icon .icon svg path, .elegant-theme .nicaos .desktop-icon .icon svg line {
  fill: #faf9f9 !important;
}
.elegant-theme .nicaos .desktop-background {
  opacity: 0;
  position: absolute;
  width: 5rem;
  height: 5rem;
  top: calc(50% - 2.5rem);
  left: calc(50% - 2.5rem);
  border-radius: 5px;
}
@media (max-width: 767px) {
  .elegant-theme .nicaos .desktop-background {
    width: 2rem;
    height: 2rem;
    left: calc(50% - 1rem);
  }
}
.elegant-theme .nicaos #console {
  overflow: auto;
  padding: 1.5rem;
  height: calc(100% - 3rem);
  width: calc(100% - 3rem);
  background-color: black;
  font-family: "Clacon", "sans-serif" !important;
}
.elegant-theme .nicaos #console::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.elegant-theme .nicaos #console::-webkit-scrollbar-thumb {
  background: #faf9f9;
}
.elegant-theme .nicaos #console::-webkit-scrollbar-track {
  background: #212121;
}
.elegant-theme .nicaos #console {
  scrollbar-face-color: #faf9f9;
  scrollbar-track-color: #212121;
}
.elegant-theme .nicaos #console table {
  width: 100%;
  font-size: 1.5rem;
}
.elegant-theme .nicaos #console table .console-description {
  color: lawngreen;
}
.elegant-theme .nicaos #console table .console-message b {
  color: #82B6FF;
}
.elegant-theme h1:before, .elegant-theme h2:before {
  content: "";
  background-color: #faf9f9;
  width: 2rem;
  height: 0.5rem;
  border-radius: 5px;
  display: block;
}
.elegant-theme b .emphasis {
  color: #faf9f9;
}
.elegant-theme .full-row {
  grid-column: -1/1;
}
.elegant-theme .app-select {
  display: inline-flex;
  width: 100%;
  height: 100%;
  position: relative;
  min-width: 10rem;
  cursor: pointer;
}
.elegant-theme .app-select:before {
  content: "";
  display: block;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #57f9ff;
  position: absolute;
  right: calc(1rem - 2.5px);
  top: calc(50% - 2.5px);
}
.elegant-theme .app-select-value {
  background-color: rgba(87, 249, 255, 0.1);
  padding: 1rem;
  width: calc(100% - 2rem);
  height: calc(100% - 2rem);
}
.elegant-theme .app-select-options {
  position: absolute;
  z-index: 90001;
  width: 100%;
  top: 100%;
  left: 0;
  background-color: #2c2c2c;
  color: #faf9f9;
  box-shadow: 0 2px 5px 0 #212121;
}
.elegant-theme .app-select-options-item {
  padding: 1rem;
  width: calc(100% - 2rem);
  height: calc(100% - 2rem);
  cursor: pointer;
}
.elegant-theme .app-select-options-item:hover {
  background-color: rgba(87, 249, 255, 0.05);
}
.elegant-theme .app-select-options-item.selected {
  background-color: rgba(87, 249, 255, 0.1);
}
.elegant-theme app-link {
  display: contents;
}
.elegant-theme app-link a {
  text-decoration: none;
  color: #57f9ff;
  cursor: pointer;
  display: inline-block;
}
.elegant-theme app-link a fa-icon {
  font-size: 0.75rem;
  margin-right: 0.5rem;
  color: #57f9ff;
}
.elegant-theme app-tooltip {
  display: contents;
}
.elegant-theme app-tooltip .tooltip {
  background-color: #2c2c2c;
  color: #faf9f9;
  width: calc(100% - 1rem * 2 - 10px);
  display: flex;
  padding: 1rem;
  font-weight: bolder;
  grid-column: 1/-1;
  margin-bottom: 1rem;
  border: 5px solid #faf9f9;
  box-shadow: 0 5px 0 0 rgba(250, 249, 249, 0.5);
  border-radius: 5px;
}
.elegant-theme app-tooltip .tooltip fa-icon {
  margin-right: 1rem;
}
.elegant-theme .app-welcome {
  display: grid;
  grid-template-columns: 25% 75%;
  width: 100%;
  height: 100%;
  background-color: #212121;
}
@media (max-width: 767px) {
  .elegant-theme .app-welcome {
    grid-template-columns: 100%;
  }
}
.elegant-theme .app-welcome .image {
  width: 2rem;
  height: 2rem;
}
.elegant-theme .app-welcome h1 {
  font-size: 3rem;
  margin-top: 0;
  margin-bottom: 1.5rem;
}
@media (max-width: 767px) {
  .elegant-theme .app-welcome h1 {
    font-size: 2rem;
  }
}
.elegant-theme .app-welcome h2 {
  width: 100%;
  padding: 1.5rem 0;
  text-align: left;
  font-size: 3rem;
  grid-column: 1/-1;
}
@media (max-width: 767px) {
  .elegant-theme .app-welcome h2 {
    grid-area: none;
  }
}
.elegant-theme .app-welcome-left {
  background-color: black;
  height: calc(100% - 1.5rem);
  width: calc(100% - 1.5rem);
  padding: 0.75rem;
  position: relative;
}
@media (max-width: 767px) {
  .elegant-theme .app-welcome-left {
    display: none;
  }
}
.elegant-theme .app-welcome-left h3 {
  margin-top: 0;
}
.elegant-theme .app-welcome-left ul {
  list-style: none;
  margin: 0;
  padding: 0 0 0 1rem;
}
.elegant-theme .app-welcome-left ul li {
  margin: 0.75rem 0;
  cursor: pointer;
  opacity: 0.5;
  transition: color 0.25s ease-in-out;
}
.elegant-theme .app-welcome-left ul li.active {
  color: #57f9ff;
  opacity: 1;
}
.elegant-theme .app-welcome-left ul li:hover {
  color: #faf9f9;
  opacity: 1;
}
.elegant-theme .app-welcome-left #downloadCV a {
  position: absolute;
  bottom: 1rem;
  display: inline-flex;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  padding: 0.75rem;
  width: calc(100% - 3rem - 10px);
  border: 5px solid #57f9ff;
  box-shadow: 0 5px 0 0 rgba(87, 249, 255, 0.5);
  border-radius: 5px;
}
.elegant-theme .app-welcome-right {
  height: calc(100% - 3rem);
  width: calc(100% - 3rem);
  overflow: auto;
  padding: 1.5rem;
  background-color: rgba(87, 249, 255, 0.1);
}
.elegant-theme .app-welcome-right::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.elegant-theme .app-welcome-right::-webkit-scrollbar-thumb {
  background: #57f9ff;
}
.elegant-theme .app-welcome-right::-webkit-scrollbar-track {
  background: rgba(87, 249, 255, 0.1);
}
.elegant-theme .app-welcome-right {
  scrollbar-face-color: #57f9ff;
  scrollbar-track-color: rgba(87, 249, 255, 0.1);
}
.elegant-theme .app-welcome-right #intro {
  flex-wrap: wrap;
  display: grid;
  grid-template-columns: 50% 50%;
  grid-column-gap: 0.75rem;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
  grid-template-areas: "h1 h1" "text1 text1";
}
@media (max-width: 767px) {
  .elegant-theme .app-welcome-right #intro {
    grid-template-areas: none;
    grid-template-columns: none;
    display: flex;
  }
}
.elegant-theme .app-welcome-right .personal-icons {
  margin: 1rem 0;
  display: inline-grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}
.elegant-theme .app-welcome-right .personal-icons-item {
  display: inline-flex;
  place-items: center;
  color: #212121;
  background-color: #57f9ff;
  border: 5px solid #57f9ff;
  box-shadow: 0 5px 0 0 rgba(87, 249, 255, 0.5);
  border-radius: 5px;
}
.elegant-theme .app-welcome-right .personal-icons-item .image {
  width: 64px;
  height: 68px;
  margin-right: 1rem;
  border-radius: 5px;
}
.elegant-theme .app-welcome-right .personal-icons-item span {
  font-size: 1rem;
  font-weight: bold;
}
.elegant-theme .app-welcome-right #story {
  flex-wrap: wrap;
  display: grid;
  grid-template-columns: 50% 50%;
  grid-column-gap: 0.75rem;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
  grid-template-areas: "h2 h2" "about01 about01" "text2 text2";
}
@media (max-width: 767px) {
  .elegant-theme .app-welcome-right #story {
    grid-template-areas: none;
    grid-template-columns: none;
    display: flex;
  }
}
.elegant-theme .app-welcome-right h1 {
  grid-area: h1;
  padding: 1.5rem 0;
  text-align: left;
}
@media (max-width: 767px) {
  .elegant-theme .app-welcome-right h1 {
    grid-area: none;
  }
}
.elegant-theme .app-welcome-right h2 {
  grid-area: h2;
}
.elegant-theme .app-welcome-right #about01 {
  width: 100%;
  height: auto;
  max-width: 10rem;
  float: right;
  grid-area: about01;
  padding: 1.5rem 0;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .elegant-theme .app-welcome-right #about01 {
    width: 15rem;
    height: auto;
    max-width: 100vw;
    margin: 0 auto;
    grid-area: none;
  }
}
.elegant-theme .app-welcome-right #text1 {
  text-align: left;
  padding: 1.5rem 0;
}
.elegant-theme .app-welcome-right #works .education-item,
.elegant-theme .app-welcome-right #works .work-item,
.elegant-theme .app-welcome-right #education .education-item,
.elegant-theme .app-welcome-right #education .work-item {
  display: inline-grid;
  grid-column-gap: 1rem;
  margin-bottom: 1.5rem;
  place-items: center;
  grid-template-areas: "icon title" "icon date" "empty subtitle";
}
.elegant-theme .app-welcome-right #works .education-item .image,
.elegant-theme .app-welcome-right #works .work-item .image,
.elegant-theme .app-welcome-right #education .education-item .image,
.elegant-theme .app-welcome-right #education .work-item .image {
  grid-area: icon;
  min-width: 5rem;
  min-height: 5rem;
}
.elegant-theme .app-welcome-right #works .education-item-title,
.elegant-theme .app-welcome-right #works .work-item-title,
.elegant-theme .app-welcome-right #education .education-item-title,
.elegant-theme .app-welcome-right #education .work-item-title {
  grid-area: title;
  width: 100%;
  font-weight: bolder;
  font-size: 1.5rem;
}
.elegant-theme .app-welcome-right #works .education-item-subtitle,
.elegant-theme .app-welcome-right #works .work-item-subtitle,
.elegant-theme .app-welcome-right #education .education-item-subtitle,
.elegant-theme .app-welcome-right #education .work-item-subtitle {
  grid-area: subtitle;
  margin-top: 0.75rem;
}
.elegant-theme .app-welcome-right #works .education-item-dates,
.elegant-theme .app-welcome-right #works .work-item-dates,
.elegant-theme .app-welcome-right #education .education-item-dates,
.elegant-theme .app-welcome-right #education .work-item-dates {
  width: 100%;
  grid-area: date;
}
.elegant-theme .app-welcome-right #skills .skills-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}
@media (max-width: 992px) {
  .elegant-theme .app-welcome-right #skills .skills-container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .elegant-theme .app-welcome-right #skills .skills-container {
    grid-template-columns: 1fr;
  }
}
.elegant-theme .app-welcome-right #skills .skills-item {
  display: grid;
  grid-template-areas: "icon title" "description description";
  grid-template-columns: 2rem auto;
  background-color: #2c2c2c;
  color: #faf9f9;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  padding: 1rem;
  border: 5px solid #57f9ff;
  box-shadow: 0 5px 0 0 rgba(87, 249, 255, 0.5);
  border-radius: 5px;
}
.elegant-theme .app-welcome-right #skills .skills-item-title {
  grid-area: title;
  font-weight: bolder;
  font-size: 1.5rem;
}
.elegant-theme .app-welcome-right #skills .skills-item-description {
  grid-area: description;
  color: #faf9f9;
}
.elegant-theme .app-welcome-right #skills .skills-item-icon {
  grid-area: icon;
  color: #faf9f9;
  font-size: 1.5rem;
}
.elegant-theme .app-welcome-right #more .more-links {
  margin-top: 1.5rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}
@media (max-width: 992px) {
  .elegant-theme .app-welcome-right #more .more-links {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767px) {
  .elegant-theme .app-welcome-right #more .more-links {
    grid-template-columns: repeat(2, 1fr);
  }
}
.elegant-theme .app-welcome-right #more .more-links app-link a {
  display: inline-flex;
  justify-content: center;
  place-content: center;
  align-items: center;
  justify-items: center;
  padding: 1rem;
  border: 5px solid #57f9ff;
  box-shadow: 0 5px 0 0 rgba(87, 249, 255, 0.5);
  border-radius: 5px;
}
.elegant-theme .app-welcome-right #more .more-links app-link#downloadCV a {
  background-color: #faf9f9;
  color: #2c2c2c;
  grid-column: 1/-1;
}
.elegant-theme .app-welcome h1 {
  margin: 0;
}
.elegant-theme .app-welcome h2 {
  margin: 1rem 0 0 0;
}
.elegant-theme .app-welcome span {
  font-size: 1.5rem;
}
.elegant-theme .app-welcome span b, .elegant-theme .app-welcome span i {
  color: #57f9ff;
}
.elegant-theme .app-welcome span#text1 {
  grid-area: text1;
}
@media (max-width: 767px) {
  .elegant-theme .app-welcome span#text1 {
    grid-area: none;
  }
}
.elegant-theme .app-welcome span#text2 {
  grid-area: text2;
}
@media (max-width: 767px) {
  .elegant-theme .app-welcome span#text2 {
    grid-area: none;
  }
}
.elegant-theme .app-browser {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-areas: "toolbar" "iframe";
  grid-template-rows: 2rem 1fr;
}
.elegant-theme .app-browser-searchbar {
  grid-area: toolbar;
  padding: 0 1rem;
  place-content: center;
}
.elegant-theme .app-browser-searchbar input {
  width: 100%;
  height: 2rem;
  border: none;
  outline: none;
  margin: 0;
  border-radius: 0;
  background-color: #2c2c2c;
  color: #faf9f9;
}
.elegant-theme .app-browser iframe {
  border: none;
  grid-area: iframe;
  width: 100%;
  height: 100%;
  margin: 0;
}
.elegant-theme .app-file-explorer {
  display: grid;
  grid-template-areas: "toolbar toolbar" "three result";
  grid-template-rows: auto 1fr;
  grid-template-columns: 25% 1fr;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
@media (max-width: 767px) {
  .elegant-theme .app-file-explorer {
    grid-template-columns: 35% 1fr;
  }
}
.elegant-theme .app-file-explorer-toolbar {
  grid-area: toolbar;
  background-color: rgba(250, 249, 249, 0.1);
  color: #2c2c2c;
  display: inline-flex;
  width: 100%;
}
.elegant-theme .app-file-explorer-toolbar fa-icon {
  display: inline-flex;
  padding: 0 1rem;
  background-color: #2c2c2c;
  color: #faf9f9;
  place-items: center;
}
.elegant-theme .app-file-explorer-toolbar input {
  background-color: transparent;
  color: #faf9f9;
  border: 0;
  outline: none;
  border-radius: 0;
  padding: 1rem;
  width: calc(100% - 2rem);
  font-weight: bolder;
  font-style: italic;
}
.elegant-theme .app-file-explorer-three {
  grid-area: three;
  background-color: rgba(33, 33, 33, 0.25);
  width: 100%;
  height: 100%;
  overflow: auto;
}
.elegant-theme .app-file-explorer-three::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.elegant-theme .app-file-explorer-three::-webkit-scrollbar-thumb {
  background: #faf9f9;
}
.elegant-theme .app-file-explorer-three::-webkit-scrollbar-track {
  background: #212121;
}
.elegant-theme .app-file-explorer-three {
  scrollbar-face-color: #faf9f9;
  scrollbar-track-color: #212121;
}
.elegant-theme .app-file-explorer-three ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.elegant-theme .app-file-explorer-three ul li {
  padding: 0.75rem 1rem;
  display: inline-flex;
  width: calc(100% - 2rem);
  cursor: pointer !important;
  text-transform: capitalize;
}
@media (max-width: 767px) {
  .elegant-theme .app-file-explorer-three ul li {
    font-size: 0.75rem;
  }
}
.elegant-theme .app-file-explorer-three ul li .icon {
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  max-width: 1rem;
  margin-right: 1rem;
}
.elegant-theme .app-file-explorer-three ul li .icon svg {
  fill: #faf9f9;
}
.elegant-theme .app-file-explorer-three ul li .icon svg rect, .elegant-theme .app-file-explorer-three ul li .icon svg circle, .elegant-theme .app-file-explorer-three ul li .icon svg path, .elegant-theme .app-file-explorer-three ul li .icon svg line {
  fill: #faf9f9 !important;
}
.elegant-theme .app-file-explorer-three ul li:hover, .elegant-theme .app-file-explorer-three ul li.active {
  background-color: #57f9ff;
  color: #212121;
}
.elegant-theme .app-file-explorer-three ul li:hover svg, .elegant-theme .app-file-explorer-three ul li.active svg {
  fill: #212121;
}
.elegant-theme .app-file-explorer-three ul li:hover svg rect, .elegant-theme .app-file-explorer-three ul li:hover svg circle, .elegant-theme .app-file-explorer-three ul li:hover svg path, .elegant-theme .app-file-explorer-three ul li:hover svg line, .elegant-theme .app-file-explorer-three ul li.active svg rect, .elegant-theme .app-file-explorer-three ul li.active svg circle, .elegant-theme .app-file-explorer-three ul li.active svg path, .elegant-theme .app-file-explorer-three ul li.active svg line {
  fill: #212121 !important;
}
.elegant-theme .app-file-explorer-three ul li.secondary {
  padding-left: 1.5rem;
  width: calc(100% - 1rem - 1.5rem);
}
.elegant-theme .app-file-explorer-result {
  grid-area: result;
  display: flex;
  flex-direction: column;
  padding: 1rem;
  width: calc(100% - 2rem);
  height: calc(100% - 2rem);
  overflow: auto;
  background-color: #212121;
}
.elegant-theme .app-file-explorer-result::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.elegant-theme .app-file-explorer-result::-webkit-scrollbar-thumb {
  background: #57f9ff;
}
.elegant-theme .app-file-explorer-result::-webkit-scrollbar-track {
  background: rgba(87, 249, 255, 0.1);
}
.elegant-theme .app-file-explorer-result {
  scrollbar-face-color: #57f9ff;
  scrollbar-track-color: rgba(87, 249, 255, 0.1);
}
.elegant-theme .app-file-explorer-result table thead tr {
  border-bottom: 1px solid #57f9ff;
}
.elegant-theme .app-file-explorer-result table thead tr th {
  text-align: left;
  font-size: 0.75rem;
  color: #faf9f9;
}
.elegant-theme .app-file-explorer-result table tbody tr {
  background-color: rgba(87, 249, 255, 0.1);
  cursor: pointer;
}
.elegant-theme .app-file-explorer-result table tbody tr.app-file-explorer-result-separator {
  background-color: #57f9ff;
  color: #212121;
}
.elegant-theme .app-file-explorer-result table tbody tr.app-file-explorer-result-separator h4 {
  margin: 0;
}
.elegant-theme .app-file-explorer-result table tbody tr:not(.app-file-explorer-result-empty):hover {
  background-color: rgba(87, 249, 255, 0.25);
}
.elegant-theme .app-file-explorer-result table tbody tr.app-file-explorer-result-separator:hover {
  background-color: #57f9ff;
}
.elegant-theme .app-file-explorer-result table tbody tr td {
  padding: 1rem;
}
.elegant-theme .app-file-explorer-result table tbody tr td h3 {
  margin: 0;
  width: 100%;
  text-align: center;
  opacity: 0.5;
}
.elegant-theme .app-file-explorer-result table tbody tr td .icon {
  width: 1rem;
  height: 1rem;
  margin-right: 1rem;
  float: left;
}
.elegant-theme .app-file-explorer-result table tbody tr td p {
  float: left;
  margin: 0;
}
.elegant-theme .text-editor {
  display: grid;
  grid-template-areas: "toolbar" "pages";
  grid-template-rows: auto 1fr;
  height: 100%;
  overflow: hidden;
}
.elegant-theme .text-editor-toolbar {
  grid-area: toolbar;
  display: flex;
  flex-wrap: wrap;
  background-color: #212121;
  color: #faf9f9;
}
.elegant-theme .text-editor-toolbar button {
  padding: 1rem;
  background-color: transparent;
  border-radius: 0;
  color: #faf9f9;
  outline: none;
  border: none;
  cursor: pointer;
}
.elegant-theme .text-editor-toolbar button:hover {
  background-color: rgba(87, 249, 255, 0.05);
}
.elegant-theme .text-editor-toolbar select {
  background-color: transparent;
  color: #faf9f9;
  outline: none;
  border: none;
  min-width: 10rem;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Remove default arrow */
}
.elegant-theme .text-editor-pages {
  grid-area: pages;
  width: 100%;
  height: 100%;
  overflow: auto;
  display: flex;
  justify-content: center;
}
.elegant-theme .text-editor-pages::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.elegant-theme .text-editor-pages::-webkit-scrollbar-thumb {
  background: #faf9f9;
}
.elegant-theme .text-editor-pages::-webkit-scrollbar-track {
  background: #212121;
}
.elegant-theme .text-editor-pages {
  scrollbar-face-color: #faf9f9;
  scrollbar-track-color: #212121;
}
.elegant-theme .text-editor-pages #page {
  outline: none !important;
  border: none !important;
  height: calc(1684px - 1.5rem);
  width: calc(1190px - 1.5rem);
  max-width: 100%;
  padding: 0.75rem;
  box-shadow: 0 0 5px 0 black;
  overflow: hidden;
  margin: 6rem 0;
  background-color: white;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.elegant-theme .app-kandm {
  width: 100%;
  height: 100%;
  background-color: black;
  overflow: hidden;
}
.elegant-theme .app-kandm app-tooltip {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  display: inline-block;
  z-index: 10001;
}
.elegant-theme .app-kandm-intro {
  width: 100%;
  height: 100%;
  display: flex;
  place-content: center;
  place-items: center;
  flex-direction: column;
  position: relative;
}
.elegant-theme .app-kandm-intro-background {
  position: absolute;
  top: -12.5%;
  left: -12.5%;
  width: 125%;
  height: 125%;
  transform-style: preserve-3d;
  background-color: #82B6FF;
}
.elegant-theme .app-kandm-intro-background #background01,
.elegant-theme .app-kandm-intro-background #background02,
.elegant-theme .app-kandm-intro-background #background03 {
  background-size: contain !important;
  background-repeat: repeat !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.elegant-theme .app-kandm-intro-logo {
  width: 75%;
  display: flex;
  place-content: center;
  place-items: center;
  flex-direction: column;
  position: relative;
}
.elegant-theme .app-kandm-intro-logo #shield {
  width: 128px;
  height: 144px;
  background-size: contain !important;
  position: absolute;
  left: calc(50% - 64px);
  top: calc(50% - 77px);
}
.elegant-theme .app-kandm-intro-logo #sword-left,
.elegant-theme .app-kandm-intro-logo #sword-right {
  width: 100px;
  height: 100px;
  background-size: contain !important;
  position: absolute;
  left: calc(50% - 50px) !important;
  top: calc(50% - 50px) !important;
}
.elegant-theme .app-kandm-intro-logo #logos {
  width: 100%;
  display: flex;
  place-content: center;
  place-items: center;
  flex-direction: column;
}
.elegant-theme .app-kandm-intro-logo #logos #logo-p1 {
  width: 60%;
  min-width: 20rem;
}
.elegant-theme .app-kandm-intro-logo #logos #logo-p1 svg {
  fill: #FED330;
}
.elegant-theme .app-kandm-intro-logo #logos #logo-p1 svg rect, .elegant-theme .app-kandm-intro-logo #logos #logo-p1 svg circle, .elegant-theme .app-kandm-intro-logo #logos #logo-p1 svg path, .elegant-theme .app-kandm-intro-logo #logos #logo-p1 svg line {
  fill: #FED330 !important;
}
.elegant-theme .app-kandm-intro-logo #logos #logo-p2 {
  width: 30%;
  min-width: 10rem;
}
.elegant-theme .app-kandm-intro-logo #logos #logo-p2 svg {
  fill: #FFF;
}
.elegant-theme .app-kandm-intro-logo #logos #logo-p2 svg rect, .elegant-theme .app-kandm-intro-logo #logos #logo-p2 svg circle, .elegant-theme .app-kandm-intro-logo #logos #logo-p2 svg path, .elegant-theme .app-kandm-intro-logo #logos #logo-p2 svg line {
  fill: #FFF !important;
}
.elegant-theme .app-kandm-intro-logo #logos #logo-p3 {
  width: 40%;
  min-width: 18rem;
}
.elegant-theme .app-kandm-intro-logo #logos #logo-p3 svg {
  fill: #EB3B5A;
}
.elegant-theme .app-kandm-intro-logo #logos #logo-p3 svg rect, .elegant-theme .app-kandm-intro-logo #logos #logo-p3 svg circle, .elegant-theme .app-kandm-intro-logo #logos #logo-p3 svg path, .elegant-theme .app-kandm-intro-logo #logos #logo-p3 svg line {
  fill: #EB3B5A !important;
}
.elegant-theme .app-kandm-buttons {
  margin-top: 6rem;
}
.elegant-theme .app-kandm-buttons button {
  background-size: contain !important;
  background-color: transparent;
  width: 240px;
  height: 110px;
  outline: none;
  border: none;
  cursor: pointer;
}
.elegant-theme .random-name-generator {
  width: 100%;
  height: 100%;
  display: inline-flex;
  place-content: center;
  place-items: center;
  flex-direction: column;
}
.elegant-theme .random-name-generator button {
  padding: 1rem;
  color: #212121;
  font-family: "Ubuntu", "sans-serif";
  font-weight: bolder;
  cursor: pointer;
  border: 5px solid #57f9ff;
  box-shadow: 0 5px 0 0 rgba(87, 249, 255, 0.5);
  border-radius: 5px;
}
.vintage-theme body {
  height: 100%;
  margin: 0;
  overflow: hidden;
  font-family: "Ubuntu", "sans-serif" !important;
  padding: 0;
  font-size: 100%;
  text-rendering: geometricPrecision;
  background-color: #000;
  color: #FFF;
}
.vintage-theme .icon, .vintage-theme .image {
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.vintage-theme .icon svg, .vintage-theme .image svg {
  fill: #FFF;
}
.vintage-theme .icon svg rect, .vintage-theme .icon svg circle, .vintage-theme .icon svg path, .vintage-theme .icon svg line, .vintage-theme .image svg rect, .vintage-theme .image svg circle, .vintage-theme .image svg path, .vintage-theme .image svg line {
  fill: #FFF !important;
}
.vintage-theme .icon svg, .vintage-theme .image svg {
  width: 100%;
  height: 100%;
}
.vintage-theme .icon svg g:first-child, .vintage-theme .image svg g:first-child {
  width: 100%;
  height: 100%;
}
.vintage-theme .icon image, .vintage-theme .image image {
  width: 100%;
  height: 100%;
}
.vintage-theme .hidden {
  display: none !important;
  visibility: hidden !important;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  opacity: 0;
}
.vintage-theme hr {
  border-color: #FFF;
  margin: 1.5rem 0;
}
.vintage-theme .taskbar {
  position: relative;
  grid-area: taskbar;
  background-color: #252525;
  color: #FFF;
  height: 100%;
  transform: translate(0, 500px);
  display: grid;
  align-items: center;
  grid-template-areas: "menuToggle menu windows themeToggle themeSelector today";
  grid-template-columns: 8rem 0 1fr 2rem 0 7rem;
  z-index: 9000009;
}
@media (max-width: 992px) {
  .vintage-theme .taskbar {
    grid-template-columns: 4rem 0 1fr 2rem 0 7rem;
  }
}
.vintage-theme .taskbar-menu {
  display: flex;
  place-items: center;
  place-content: center;
  padding: 1rem;
  background-color: #FFF;
  font-size: 1rem;
  color: #000;
  cursor: pointer;
  grid-area: menuToggle;
  font-weight: bold;
}
.vintage-theme .taskbar-menu .icon {
  height: 1rem;
  width: 1rem;
  margin-right: 1rem;
}
.vintage-theme .taskbar-menu .icon svg {
  fill: #000;
}
.vintage-theme .taskbar-menu .icon svg rect, .vintage-theme .taskbar-menu .icon svg circle, .vintage-theme .taskbar-menu .icon svg path, .vintage-theme .taskbar-menu .icon svg line {
  fill: #000 !important;
}
@media (max-width: 992px) {
  .vintage-theme .taskbar-menu .icon {
    margin-right: 0;
  }
}
@media (max-width: 992px) {
  .vintage-theme .taskbar-menu span {
    display: none;
  }
}
.vintage-theme .taskbar-today {
  grid-area: today;
  color: #FFF;
  display: flex;
  place-content: center;
  place-items: center;
  font-size: 0.75rem;
  font-weight: bold;
}
.vintage-theme .taskbar-windows {
  grid-area: windows;
  display: inline-flex;
  overflow-x: auto;
  height: 100%;
}
.vintage-theme .taskbar-windows::-webkit-scrollbar {
  width: 2.5px;
  height: 2.5px;
}
.vintage-theme .taskbar-windows::-webkit-scrollbar-thumb {
  background: #000;
}
.vintage-theme .taskbar-windows::-webkit-scrollbar-track {
  background: #FFF;
}
.vintage-theme .taskbar-windows {
  scrollbar-face-color: #000;
  scrollbar-track-color: #FFF;
}
.vintage-theme .taskbar-windows-item {
  height: 100%;
  background-color: #000;
  color: #FFF;
  display: inline-flex;
  place-content: center;
  place-items: center;
  min-width: 8rem;
  transition: all 0.25s ease-out;
  cursor: pointer;
  font-size: 1rem;
  font-weight: bolder;
  opacity: 0;
  box-shadow: 0 0 0 0 #FFF inset;
  padding: 0 0.75rem;
}
@media (max-width: 992px) {
  .vintage-theme .taskbar-windows-item {
    min-width: 3rem;
    padding: 0;
  }
  .vintage-theme .taskbar-windows-item span {
    display: none;
  }
}
.vintage-theme .taskbar-windows-item .icon {
  margin-right: 0.75rem;
  width: 1rem;
  height: 1rem;
}
.vintage-theme .taskbar-windows-item .icon svg {
  fill: #FFF;
}
.vintage-theme .taskbar-windows-item .icon svg rect, .vintage-theme .taskbar-windows-item .icon svg circle, .vintage-theme .taskbar-windows-item .icon svg path, .vintage-theme .taskbar-windows-item .icon svg line {
  fill: #FFF !important;
}
@media (max-width: 992px) {
  .vintage-theme .taskbar-windows-item .icon {
    margin-right: 0;
  }
}
.vintage-theme .taskbar-windows-item:hover {
  box-shadow: 0 -5px 0 0 #ffe8d6 inset;
}
.vintage-theme .taskbar-windows-item.active {
  box-shadow: 0 -100px 0 0 #ffe8d6 inset;
  color: #000;
}
.vintage-theme .taskbar-windows-item.active svg {
  fill: #000;
}
.vintage-theme .taskbar-windows-item.active svg rect, .vintage-theme .taskbar-windows-item.active svg circle, .vintage-theme .taskbar-windows-item.active svg path, .vintage-theme .taskbar-windows-item.active svg line {
  fill: #000 !important;
}
.vintage-theme .taskbar-windows-item span {
  text-overflow: ellipsis;
  text-align: center;
  text-transform: capitalize;
}
.vintage-theme .taskbar .menu {
  grid-area: menu;
  display: grid;
  grid-template-rows: 1fr 5rem;
  min-width: 30vw;
  min-height: 30vh;
  position: absolute;
  left: -8rem;
  bottom: 3.1rem;
  z-index: 9000009;
  background-color: #252525;
  color: #FFF;
}
@media (max-width: 992px) {
  .vintage-theme .taskbar .menu {
    grid-area: none;
    left: 0;
    bottom: 3rem;
    min-width: unset;
    min-height: unset;
    border-bottom: none;
    position: fixed;
    width: calc(100vw - 4px);
    height: 95vh;
  }
}
.vintage-theme .taskbar .menu h3 {
  font-size: 1.5rem;
  color: #FFF;
}
.vintage-theme .taskbar .menu-applications {
  display: flex;
  flex-direction: column;
  width: calc(100% - 2rem);
  height: calc(100% - 2rem);
  padding: 1rem;
  overflow: auto;
}
.vintage-theme .taskbar .menu-applications::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.vintage-theme .taskbar .menu-applications::-webkit-scrollbar-thumb {
  background: #FFF;
}
.vintage-theme .taskbar .menu-applications::-webkit-scrollbar-track {
  background: #000;
}
.vintage-theme .taskbar .menu-applications {
  scrollbar-face-color: #FFF;
  scrollbar-track-color: #000;
}
.vintage-theme .taskbar .menu-applications-item {
  display: grid;
  grid-template-columns: 1rem 1fr;
  grid-column-gap: 0.75rem;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
  margin-bottom: 1rem;
  align-items: center;
  padding: 1rem;
  margin: 0 -1rem;
  cursor: pointer;
}
.vintage-theme .taskbar .menu-applications-item .icon {
  width: 1rem;
  height: 1rem;
}
.vintage-theme .taskbar .menu-applications-item:hover {
  background-color: rgba(255, 232, 214, 0.1);
}
.vintage-theme .taskbar .menu-user {
  display: grid;
  width: calc(100% - 2rem);
  height: calc(100% - 2rem);
  justify-items: center;
  grid-template-columns: 3rem auto;
  grid-column-gap: 1rem;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  padding: 1rem;
  background-color: #000;
  color: #FFF;
}
.vintage-theme .taskbar .menu-user-icon {
  height: 100%;
  width: 100%;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-position: center left !important;
}
.vintage-theme .taskbar .menu-user-info {
  display: flex;
  flex-direction: column;
  place-content: flex-start;
  justify-items: flex-start;
  justify-content: space-between;
  width: 100%;
}
.vintage-theme .taskbar .menu-user-info h4 {
  margin: 0;
  font-size: 1.5rem;
}
.vintage-theme .taskbar .menu-user-info b {
  color: #ffe8d6;
}
.vintage-theme .taskbar-theme {
  grid-area: themeSelector;
  position: absolute;
  bottom: 4rem;
  right: -5rem;
  width: auto;
  min-width: 5rem;
  padding: 1rem;
  background-color: #252525;
  color: #FFF;
  border: 5px solid #ffe8d6;
  box-shadow: 0 5px 0 0 rgba(255, 232, 214, 0.5);
  border-radius: 5px;
}
.vintage-theme .taskbar-theme-colors {
  display: flex;
  flex-direction: column;
}
.vintage-theme .taskbar-theme-colors h3 {
  margin: 0 0 0.75rem 0;
  color: #FFF;
  font-size: 0.75rem;
  text-align: center;
}
.vintage-theme .taskbar-theme-colors-picker {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-row-gap: 0.75rem;
  row-gap: 0.75rem;
  grid-column-gap: 0.75rem;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}
.vintage-theme .taskbar-theme-colors-item {
  width: 2rem;
  height: 2rem;
  border: 5px solid #FFF;
  box-shadow: 0 5px 0 0 rgba(255, 255, 255, 0.5);
  border-radius: 5px;
  cursor: pointer;
}
.vintage-theme .taskbar-theme-colors-item.selected {
  border: 5px solid white;
  box-shadow: 0 5px 0 0 rgba(255, 255, 255, 0.5);
  border-radius: 5px;
}
.vintage-theme .taskbar-theme-toggle {
  grid-area: themeToggle;
  width: 1rem;
  height: 1rem;
  cursor: pointer;
  background-color: #ffe8d6;
  border: 5px solid #FFF;
  border-radius: 5px;
}
.vintage-theme .window {
  display: grid;
  grid-template-rows: auto 1fr;
  max-height: 75%;
  max-width: 75%;
  opacity: 0;
  resize: both;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: filter 0.25s ease-out;
  background-color: #252525;
  color: #FFF;
  border: 5px solid #FFF;
  box-shadow: 0 5px 0 0 rgba(255, 255, 255, 0.5);
  border-radius: 5px;
}
@media (max-width: 767px) {
  .vintage-theme .window {
    width: calc(100% - 2px) !important;
    height: calc(100% - 2px) !important;
    max-width: 100vw !important;
    max-height: calc(100% - 3rem) !important;
    transform: translate(-50%, -50%) !important;
    margin-top: -25px;
    -webkit-font-smoothing: subpixel-antialiased;
  }
}
.vintage-theme .window.full-screen {
  width: calc(100% - 2px) !important;
  height: calc(100% - 2px) !important;
  max-width: 100vw !important;
  max-height: calc(100% - 3rem) !important;
  transform: translate(-50%, -50%) !important;
  margin-top: -25px;
  -webkit-font-smoothing: subpixel-antialiased;
  border: none;
}
.vintage-theme .window.on-focus {
  z-index: 90001;
  background-color: #252525;
}
.vintage-theme .window:not(.on-focus) {
  z-index: 0 !important;
  filter: grayscale(100%) brightness(50%);
}
@media (max-width: 767px) {
  .vintage-theme .window:not(.on-focus) {
    opacity: 1 !important;
  }
}
.vintage-theme .window-toolbar {
  width: 100%;
  background-color: #FFF;
  color: #000;
  display: inline-flex;
  justify-items: center;
  justify-content: space-between;
  z-index: 0;
}
.vintage-theme .window-toolbar-title {
  display: inline-flex;
  padding: 0.75rem;
  font-weight: bold;
}
.vintage-theme .window-toolbar-title .icon {
  margin-right: 0.75rem;
  width: 1rem;
  height: 1rem;
}
.vintage-theme .window-toolbar-title .icon svg {
  fill: #000;
}
.vintage-theme .window-toolbar-title .icon svg rect, .vintage-theme .window-toolbar-title .icon svg circle, .vintage-theme .window-toolbar-title .icon svg path, .vintage-theme .window-toolbar-title .icon svg line {
  fill: #000 !important;
}
.vintage-theme .window-toolbar-actions {
  display: inline-flex;
  border-top-right-radius: 5px;
}
.vintage-theme .window-toolbar-actions .icon {
  padding: 0.75rem;
  cursor: pointer;
  opacity: 1;
}
.vintage-theme .window-toolbar-actions .icon svg {
  fill: #000;
}
.vintage-theme .window-toolbar-actions .icon svg rect, .vintage-theme .window-toolbar-actions .icon svg circle, .vintage-theme .window-toolbar-actions .icon svg path, .vintage-theme .window-toolbar-actions .icon svg line {
  fill: #000 !important;
}
.vintage-theme .window-toolbar-actions .icon svg {
  height: 1rem;
  width: 1rem;
  opacity: 0.5;
  transition: opacity 0.25s ease-out;
}
.vintage-theme .window-toolbar-actions .icon:hover svg {
  opacity: 1;
}
.vintage-theme .window-content {
  padding: 0;
  width: 100%;
  color: #FFF;
  overflow: auto;
}
.vintage-theme .loader {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 900009;
  background-color: black;
  color: white;
  display: flex;
  flex-direction: column;
  place-content: flex-start;
  place-items: flex-start;
  opacity: 0;
  text-transform: uppercase;
  font-size: 0.75rem;
  font-family: "Clacon", "sans-serif" !important;
  max-height: 100%;
  overflow: auto;
}
@media (max-width: 992px) {
  .vintage-theme .loader {
    padding: 1rem;
    width: calc(100% - 2rem);
    height: calc(100% - 2rem);
    font-size: 0.75rem;
  }
}
.vintage-theme .loader-title {
  margin-left: 1rem;
}
@media (max-width: 767px) {
  .vintage-theme .loader-title {
    margin-left: 1rem;
  }
}
.vintage-theme .loader-title p {
  margin: 0;
}
.vintage-theme .loader ul {
  list-style: none;
  margin-left: 1rem;
  padding: 0;
}
@media (max-width: 767px) {
  .vintage-theme .loader ul {
    margin-left: 1rem;
  }
}
.vintage-theme .loader ul li {
  padding: 0;
  display: grid;
  grid-template-columns: 4.5rem auto 1rem;
  align-items: center;
}
.vintage-theme .loader ul li b {
  background-color: blue;
}
.vintage-theme .loader ul li i {
  background-color: lawngreen;
  color: blue;
  font-style: normal;
}
.vintage-theme .loader ul li small {
  font-size: inherit !important;
  background-color: red;
}
.vintage-theme .loader ul li pre {
  display: inline-flex;
  margin: 0;
  background-color: aqua;
  font-size: inherit !important;
  font-family: inherit !important;
}
.vintage-theme .loader-rindex {
  color: white;
}
.vintage-theme .nicaos {
  display: grid;
  grid-template-areas: "desktop" "taskbar";
  height: 100%;
  grid-template-rows: calc(100% - 3rem - 2px) calc(3rem + 2px);
}
.vintage-theme .nicaos .desktop {
  grid-area: desktop;
  height: 100%;
  overflow: hidden;
  place-content: flex-start;
  place-items: flex-start;
  flex-wrap: wrap;
  opacity: 0;
  position: relative;
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .vintage-theme .nicaos .desktop {
    flex-direction: row;
  }
}
.vintage-theme .nicaos .desktop-icon {
  display: inline-flex;
  flex-direction: column;
  place-content: flex-start;
  place-items: center;
  width: 4rem;
  height: 4rem;
  margin: 0.75rem;
  padding: 0.75rem;
  cursor: pointer;
  opacity: 0;
  transform: translate3d(0, 100px, 0);
  color: #FFF;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 0.75rem;
  font-weight: bolder;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
  text-transform: capitalize;
}
@media (max-width: 767px) {
  .vintage-theme .nicaos .desktop-icon {
    margin: 0;
    width: 4rem;
    padding: 0.75rem;
  }
}
.vintage-theme .nicaos .desktop-icon:hover {
  background-color: rgba(255, 255, 255, 0.25);
}
.vintage-theme .nicaos .desktop-icon .icon {
  width: 2rem;
  height: 2rem;
  margin-bottom: 1rem;
}
.vintage-theme .nicaos .desktop-icon .icon svg {
  fill: #FFF;
}
.vintage-theme .nicaos .desktop-icon .icon svg rect, .vintage-theme .nicaos .desktop-icon .icon svg circle, .vintage-theme .nicaos .desktop-icon .icon svg path, .vintage-theme .nicaos .desktop-icon .icon svg line {
  fill: #FFF !important;
}
.vintage-theme .nicaos .desktop-background {
  opacity: 0;
  position: absolute;
  width: 5rem;
  height: 5rem;
  top: calc(50% - 2.5rem);
  left: calc(50% - 2.5rem);
  border-radius: 5px;
}
@media (max-width: 767px) {
  .vintage-theme .nicaos .desktop-background {
    width: 2rem;
    height: 2rem;
    left: calc(50% - 1rem);
  }
}
.vintage-theme .nicaos #console {
  overflow: auto;
  padding: 1.5rem;
  height: calc(100% - 3rem);
  width: calc(100% - 3rem);
  background-color: black;
  font-family: "Clacon", "sans-serif" !important;
}
.vintage-theme .nicaos #console::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.vintage-theme .nicaos #console::-webkit-scrollbar-thumb {
  background: #FFF;
}
.vintage-theme .nicaos #console::-webkit-scrollbar-track {
  background: #000;
}
.vintage-theme .nicaos #console {
  scrollbar-face-color: #FFF;
  scrollbar-track-color: #000;
}
.vintage-theme .nicaos #console table {
  width: 100%;
  font-size: 1.5rem;
}
.vintage-theme .nicaos #console table .console-description {
  color: lawngreen;
}
.vintage-theme .nicaos #console table .console-message b {
  color: #82B6FF;
}
.vintage-theme h1:before, .vintage-theme h2:before {
  content: "";
  background-color: #FFF;
  width: 2rem;
  height: 0.5rem;
  border-radius: 5px;
  display: block;
}
.vintage-theme b .emphasis {
  color: #FFF;
}
.vintage-theme .full-row {
  grid-column: -1/1;
}
.vintage-theme .app-select {
  display: inline-flex;
  width: 100%;
  height: 100%;
  position: relative;
  min-width: 10rem;
  cursor: pointer;
}
.vintage-theme .app-select:before {
  content: "";
  display: block;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #ffe8d6;
  position: absolute;
  right: calc(1rem - 2.5px);
  top: calc(50% - 2.5px);
}
.vintage-theme .app-select-value {
  background-color: rgba(255, 232, 214, 0.1);
  padding: 1rem;
  width: calc(100% - 2rem);
  height: calc(100% - 2rem);
}
.vintage-theme .app-select-options {
  position: absolute;
  z-index: 90001;
  width: 100%;
  top: 100%;
  left: 0;
  background-color: #252525;
  color: #FFF;
  box-shadow: 0 2px 5px 0 #000;
}
.vintage-theme .app-select-options-item {
  padding: 1rem;
  width: calc(100% - 2rem);
  height: calc(100% - 2rem);
  cursor: pointer;
}
.vintage-theme .app-select-options-item:hover {
  background-color: rgba(255, 232, 214, 0.05);
}
.vintage-theme .app-select-options-item.selected {
  background-color: rgba(255, 232, 214, 0.1);
}
.vintage-theme app-link {
  display: contents;
}
.vintage-theme app-link a {
  text-decoration: none;
  color: #ffe8d6;
  cursor: pointer;
  display: inline-block;
}
.vintage-theme app-link a fa-icon {
  font-size: 0.75rem;
  margin-right: 0.5rem;
  color: #ffe8d6;
}
.vintage-theme app-tooltip {
  display: contents;
}
.vintage-theme app-tooltip .tooltip {
  background-color: #252525;
  color: #FFF;
  width: calc(100% - 1rem * 2 - 10px);
  display: flex;
  padding: 1rem;
  font-weight: bolder;
  grid-column: 1/-1;
  margin-bottom: 1rem;
  border: 5px solid #FFF;
  box-shadow: 0 5px 0 0 rgba(255, 255, 255, 0.5);
  border-radius: 5px;
}
.vintage-theme app-tooltip .tooltip fa-icon {
  margin-right: 1rem;
}
.vintage-theme .app-welcome {
  display: grid;
  grid-template-columns: 25% 75%;
  width: 100%;
  height: 100%;
  background-color: #000;
}
@media (max-width: 767px) {
  .vintage-theme .app-welcome {
    grid-template-columns: 100%;
  }
}
.vintage-theme .app-welcome .image {
  width: 2rem;
  height: 2rem;
}
.vintage-theme .app-welcome h1 {
  font-size: 3rem;
  margin-top: 0;
  margin-bottom: 1.5rem;
}
@media (max-width: 767px) {
  .vintage-theme .app-welcome h1 {
    font-size: 2rem;
  }
}
.vintage-theme .app-welcome h2 {
  width: 100%;
  padding: 1.5rem 0;
  text-align: left;
  font-size: 3rem;
  grid-column: 1/-1;
}
@media (max-width: 767px) {
  .vintage-theme .app-welcome h2 {
    grid-area: none;
  }
}
.vintage-theme .app-welcome-left {
  background-color: black;
  height: calc(100% - 1.5rem);
  width: calc(100% - 1.5rem);
  padding: 0.75rem;
  position: relative;
}
@media (max-width: 767px) {
  .vintage-theme .app-welcome-left {
    display: none;
  }
}
.vintage-theme .app-welcome-left h3 {
  margin-top: 0;
}
.vintage-theme .app-welcome-left ul {
  list-style: none;
  margin: 0;
  padding: 0 0 0 1rem;
}
.vintage-theme .app-welcome-left ul li {
  margin: 0.75rem 0;
  cursor: pointer;
  opacity: 0.5;
  transition: color 0.25s ease-in-out;
}
.vintage-theme .app-welcome-left ul li.active {
  color: #ffe8d6;
  opacity: 1;
}
.vintage-theme .app-welcome-left ul li:hover {
  color: #FFF;
  opacity: 1;
}
.vintage-theme .app-welcome-left #downloadCV a {
  position: absolute;
  bottom: 1rem;
  display: inline-flex;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  padding: 0.75rem;
  width: calc(100% - 3rem - 10px);
  border: 5px solid #ffe8d6;
  box-shadow: 0 5px 0 0 rgba(255, 232, 214, 0.5);
  border-radius: 5px;
}
.vintage-theme .app-welcome-right {
  height: calc(100% - 3rem);
  width: calc(100% - 3rem);
  overflow: auto;
  padding: 1.5rem;
  background-color: rgba(255, 232, 214, 0.1);
}
.vintage-theme .app-welcome-right::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.vintage-theme .app-welcome-right::-webkit-scrollbar-thumb {
  background: #ffe8d6;
}
.vintage-theme .app-welcome-right::-webkit-scrollbar-track {
  background: rgba(255, 232, 214, 0.1);
}
.vintage-theme .app-welcome-right {
  scrollbar-face-color: #ffe8d6;
  scrollbar-track-color: rgba(255, 232, 214, 0.1);
}
.vintage-theme .app-welcome-right #intro {
  flex-wrap: wrap;
  display: grid;
  grid-template-columns: 50% 50%;
  grid-column-gap: 0.75rem;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
  grid-template-areas: "h1 h1" "text1 text1";
}
@media (max-width: 767px) {
  .vintage-theme .app-welcome-right #intro {
    grid-template-areas: none;
    grid-template-columns: none;
    display: flex;
  }
}
.vintage-theme .app-welcome-right .personal-icons {
  margin: 1rem 0;
  display: inline-grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}
.vintage-theme .app-welcome-right .personal-icons-item {
  display: inline-flex;
  place-items: center;
  color: #000;
  background-color: #ffe8d6;
  border: 5px solid #ffe8d6;
  box-shadow: 0 5px 0 0 rgba(255, 232, 214, 0.5);
  border-radius: 5px;
}
.vintage-theme .app-welcome-right .personal-icons-item .image {
  width: 64px;
  height: 68px;
  margin-right: 1rem;
  border-radius: 5px;
}
.vintage-theme .app-welcome-right .personal-icons-item span {
  font-size: 1rem;
  font-weight: bold;
}
.vintage-theme .app-welcome-right #story {
  flex-wrap: wrap;
  display: grid;
  grid-template-columns: 50% 50%;
  grid-column-gap: 0.75rem;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
  grid-template-areas: "h2 h2" "about01 about01" "text2 text2";
}
@media (max-width: 767px) {
  .vintage-theme .app-welcome-right #story {
    grid-template-areas: none;
    grid-template-columns: none;
    display: flex;
  }
}
.vintage-theme .app-welcome-right h1 {
  grid-area: h1;
  padding: 1.5rem 0;
  text-align: left;
}
@media (max-width: 767px) {
  .vintage-theme .app-welcome-right h1 {
    grid-area: none;
  }
}
.vintage-theme .app-welcome-right h2 {
  grid-area: h2;
}
.vintage-theme .app-welcome-right #about01 {
  width: 100%;
  height: auto;
  max-width: 10rem;
  float: right;
  grid-area: about01;
  padding: 1.5rem 0;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .vintage-theme .app-welcome-right #about01 {
    width: 15rem;
    height: auto;
    max-width: 100vw;
    margin: 0 auto;
    grid-area: none;
  }
}
.vintage-theme .app-welcome-right #text1 {
  text-align: left;
  padding: 1.5rem 0;
}
.vintage-theme .app-welcome-right #works .education-item,
.vintage-theme .app-welcome-right #works .work-item,
.vintage-theme .app-welcome-right #education .education-item,
.vintage-theme .app-welcome-right #education .work-item {
  display: inline-grid;
  grid-column-gap: 1rem;
  margin-bottom: 1.5rem;
  place-items: center;
  grid-template-areas: "icon title" "icon date" "empty subtitle";
}
.vintage-theme .app-welcome-right #works .education-item .image,
.vintage-theme .app-welcome-right #works .work-item .image,
.vintage-theme .app-welcome-right #education .education-item .image,
.vintage-theme .app-welcome-right #education .work-item .image {
  grid-area: icon;
  min-width: 5rem;
  min-height: 5rem;
}
.vintage-theme .app-welcome-right #works .education-item-title,
.vintage-theme .app-welcome-right #works .work-item-title,
.vintage-theme .app-welcome-right #education .education-item-title,
.vintage-theme .app-welcome-right #education .work-item-title {
  grid-area: title;
  width: 100%;
  font-weight: bolder;
  font-size: 1.5rem;
}
.vintage-theme .app-welcome-right #works .education-item-subtitle,
.vintage-theme .app-welcome-right #works .work-item-subtitle,
.vintage-theme .app-welcome-right #education .education-item-subtitle,
.vintage-theme .app-welcome-right #education .work-item-subtitle {
  grid-area: subtitle;
  margin-top: 0.75rem;
}
.vintage-theme .app-welcome-right #works .education-item-dates,
.vintage-theme .app-welcome-right #works .work-item-dates,
.vintage-theme .app-welcome-right #education .education-item-dates,
.vintage-theme .app-welcome-right #education .work-item-dates {
  width: 100%;
  grid-area: date;
}
.vintage-theme .app-welcome-right #skills .skills-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}
@media (max-width: 992px) {
  .vintage-theme .app-welcome-right #skills .skills-container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .vintage-theme .app-welcome-right #skills .skills-container {
    grid-template-columns: 1fr;
  }
}
.vintage-theme .app-welcome-right #skills .skills-item {
  display: grid;
  grid-template-areas: "icon title" "description description";
  grid-template-columns: 2rem auto;
  background-color: #252525;
  color: #FFF;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  padding: 1rem;
  border: 5px solid #ffe8d6;
  box-shadow: 0 5px 0 0 rgba(255, 232, 214, 0.5);
  border-radius: 5px;
}
.vintage-theme .app-welcome-right #skills .skills-item-title {
  grid-area: title;
  font-weight: bolder;
  font-size: 1.5rem;
}
.vintage-theme .app-welcome-right #skills .skills-item-description {
  grid-area: description;
  color: #FFF;
}
.vintage-theme .app-welcome-right #skills .skills-item-icon {
  grid-area: icon;
  color: #FFF;
  font-size: 1.5rem;
}
.vintage-theme .app-welcome-right #more .more-links {
  margin-top: 1.5rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}
@media (max-width: 992px) {
  .vintage-theme .app-welcome-right #more .more-links {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767px) {
  .vintage-theme .app-welcome-right #more .more-links {
    grid-template-columns: repeat(2, 1fr);
  }
}
.vintage-theme .app-welcome-right #more .more-links app-link a {
  display: inline-flex;
  justify-content: center;
  place-content: center;
  align-items: center;
  justify-items: center;
  padding: 1rem;
  border: 5px solid #ffe8d6;
  box-shadow: 0 5px 0 0 rgba(255, 232, 214, 0.5);
  border-radius: 5px;
}
.vintage-theme .app-welcome-right #more .more-links app-link#downloadCV a {
  background-color: #FFF;
  color: #252525;
  grid-column: 1/-1;
}
.vintage-theme .app-welcome h1 {
  margin: 0;
}
.vintage-theme .app-welcome h2 {
  margin: 1rem 0 0 0;
}
.vintage-theme .app-welcome span {
  font-size: 1.5rem;
}
.vintage-theme .app-welcome span b, .vintage-theme .app-welcome span i {
  color: #ffe8d6;
}
.vintage-theme .app-welcome span#text1 {
  grid-area: text1;
}
@media (max-width: 767px) {
  .vintage-theme .app-welcome span#text1 {
    grid-area: none;
  }
}
.vintage-theme .app-welcome span#text2 {
  grid-area: text2;
}
@media (max-width: 767px) {
  .vintage-theme .app-welcome span#text2 {
    grid-area: none;
  }
}
.vintage-theme .app-browser {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-areas: "toolbar" "iframe";
  grid-template-rows: 2rem 1fr;
}
.vintage-theme .app-browser-searchbar {
  grid-area: toolbar;
  padding: 0 1rem;
  place-content: center;
}
.vintage-theme .app-browser-searchbar input {
  width: 100%;
  height: 2rem;
  border: none;
  outline: none;
  margin: 0;
  border-radius: 0;
  background-color: #252525;
  color: #FFF;
}
.vintage-theme .app-browser iframe {
  border: none;
  grid-area: iframe;
  width: 100%;
  height: 100%;
  margin: 0;
}
.vintage-theme .app-file-explorer {
  display: grid;
  grid-template-areas: "toolbar toolbar" "three result";
  grid-template-rows: auto 1fr;
  grid-template-columns: 25% 1fr;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
@media (max-width: 767px) {
  .vintage-theme .app-file-explorer {
    grid-template-columns: 35% 1fr;
  }
}
.vintage-theme .app-file-explorer-toolbar {
  grid-area: toolbar;
  background-color: rgba(255, 255, 255, 0.1);
  color: #252525;
  display: inline-flex;
  width: 100%;
}
.vintage-theme .app-file-explorer-toolbar fa-icon {
  display: inline-flex;
  padding: 0 1rem;
  background-color: #252525;
  color: #FFF;
  place-items: center;
}
.vintage-theme .app-file-explorer-toolbar input {
  background-color: transparent;
  color: #FFF;
  border: 0;
  outline: none;
  border-radius: 0;
  padding: 1rem;
  width: calc(100% - 2rem);
  font-weight: bolder;
  font-style: italic;
}
.vintage-theme .app-file-explorer-three {
  grid-area: three;
  background-color: rgba(0, 0, 0, 0.25);
  width: 100%;
  height: 100%;
  overflow: auto;
}
.vintage-theme .app-file-explorer-three::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.vintage-theme .app-file-explorer-three::-webkit-scrollbar-thumb {
  background: #FFF;
}
.vintage-theme .app-file-explorer-three::-webkit-scrollbar-track {
  background: #000;
}
.vintage-theme .app-file-explorer-three {
  scrollbar-face-color: #FFF;
  scrollbar-track-color: #000;
}
.vintage-theme .app-file-explorer-three ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.vintage-theme .app-file-explorer-three ul li {
  padding: 0.75rem 1rem;
  display: inline-flex;
  width: calc(100% - 2rem);
  cursor: pointer !important;
  text-transform: capitalize;
}
@media (max-width: 767px) {
  .vintage-theme .app-file-explorer-three ul li {
    font-size: 0.75rem;
  }
}
.vintage-theme .app-file-explorer-three ul li .icon {
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  max-width: 1rem;
  margin-right: 1rem;
}
.vintage-theme .app-file-explorer-three ul li .icon svg {
  fill: #FFF;
}
.vintage-theme .app-file-explorer-three ul li .icon svg rect, .vintage-theme .app-file-explorer-three ul li .icon svg circle, .vintage-theme .app-file-explorer-three ul li .icon svg path, .vintage-theme .app-file-explorer-three ul li .icon svg line {
  fill: #FFF !important;
}
.vintage-theme .app-file-explorer-three ul li:hover, .vintage-theme .app-file-explorer-three ul li.active {
  background-color: #ffe8d6;
  color: #000;
}
.vintage-theme .app-file-explorer-three ul li:hover svg, .vintage-theme .app-file-explorer-three ul li.active svg {
  fill: #000;
}
.vintage-theme .app-file-explorer-three ul li:hover svg rect, .vintage-theme .app-file-explorer-three ul li:hover svg circle, .vintage-theme .app-file-explorer-three ul li:hover svg path, .vintage-theme .app-file-explorer-three ul li:hover svg line, .vintage-theme .app-file-explorer-three ul li.active svg rect, .vintage-theme .app-file-explorer-three ul li.active svg circle, .vintage-theme .app-file-explorer-three ul li.active svg path, .vintage-theme .app-file-explorer-three ul li.active svg line {
  fill: #000 !important;
}
.vintage-theme .app-file-explorer-three ul li.secondary {
  padding-left: 1.5rem;
  width: calc(100% - 1rem - 1.5rem);
}
.vintage-theme .app-file-explorer-result {
  grid-area: result;
  display: flex;
  flex-direction: column;
  padding: 1rem;
  width: calc(100% - 2rem);
  height: calc(100% - 2rem);
  overflow: auto;
  background-color: #000;
}
.vintage-theme .app-file-explorer-result::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.vintage-theme .app-file-explorer-result::-webkit-scrollbar-thumb {
  background: #ffe8d6;
}
.vintage-theme .app-file-explorer-result::-webkit-scrollbar-track {
  background: rgba(255, 232, 214, 0.1);
}
.vintage-theme .app-file-explorer-result {
  scrollbar-face-color: #ffe8d6;
  scrollbar-track-color: rgba(255, 232, 214, 0.1);
}
.vintage-theme .app-file-explorer-result table thead tr {
  border-bottom: 1px solid #ffe8d6;
}
.vintage-theme .app-file-explorer-result table thead tr th {
  text-align: left;
  font-size: 0.75rem;
  color: #FFF;
}
.vintage-theme .app-file-explorer-result table tbody tr {
  background-color: rgba(255, 232, 214, 0.1);
  cursor: pointer;
}
.vintage-theme .app-file-explorer-result table tbody tr.app-file-explorer-result-separator {
  background-color: #ffe8d6;
  color: #000;
}
.vintage-theme .app-file-explorer-result table tbody tr.app-file-explorer-result-separator h4 {
  margin: 0;
}
.vintage-theme .app-file-explorer-result table tbody tr:not(.app-file-explorer-result-empty):hover {
  background-color: rgba(255, 232, 214, 0.25);
}
.vintage-theme .app-file-explorer-result table tbody tr.app-file-explorer-result-separator:hover {
  background-color: #ffe8d6;
}
.vintage-theme .app-file-explorer-result table tbody tr td {
  padding: 1rem;
}
.vintage-theme .app-file-explorer-result table tbody tr td h3 {
  margin: 0;
  width: 100%;
  text-align: center;
  opacity: 0.5;
}
.vintage-theme .app-file-explorer-result table tbody tr td .icon {
  width: 1rem;
  height: 1rem;
  margin-right: 1rem;
  float: left;
}
.vintage-theme .app-file-explorer-result table tbody tr td p {
  float: left;
  margin: 0;
}
.vintage-theme .text-editor {
  display: grid;
  grid-template-areas: "toolbar" "pages";
  grid-template-rows: auto 1fr;
  height: 100%;
  overflow: hidden;
}
.vintage-theme .text-editor-toolbar {
  grid-area: toolbar;
  display: flex;
  flex-wrap: wrap;
  background-color: #000;
  color: #FFF;
}
.vintage-theme .text-editor-toolbar button {
  padding: 1rem;
  background-color: transparent;
  border-radius: 0;
  color: #FFF;
  outline: none;
  border: none;
  cursor: pointer;
}
.vintage-theme .text-editor-toolbar button:hover {
  background-color: rgba(255, 232, 214, 0.05);
}
.vintage-theme .text-editor-toolbar select {
  background-color: transparent;
  color: #FFF;
  outline: none;
  border: none;
  min-width: 10rem;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Remove default arrow */
}
.vintage-theme .text-editor-pages {
  grid-area: pages;
  width: 100%;
  height: 100%;
  overflow: auto;
  display: flex;
  justify-content: center;
}
.vintage-theme .text-editor-pages::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.vintage-theme .text-editor-pages::-webkit-scrollbar-thumb {
  background: #FFF;
}
.vintage-theme .text-editor-pages::-webkit-scrollbar-track {
  background: #000;
}
.vintage-theme .text-editor-pages {
  scrollbar-face-color: #FFF;
  scrollbar-track-color: #000;
}
.vintage-theme .text-editor-pages #page {
  outline: none !important;
  border: none !important;
  height: calc(1684px - 1.5rem);
  width: calc(1190px - 1.5rem);
  max-width: 100%;
  padding: 0.75rem;
  box-shadow: 0 0 5px 0 black;
  overflow: hidden;
  margin: 6rem 0;
  background-color: white;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.vintage-theme .app-kandm {
  width: 100%;
  height: 100%;
  background-color: black;
  overflow: hidden;
}
.vintage-theme .app-kandm app-tooltip {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  display: inline-block;
  z-index: 10001;
}
.vintage-theme .app-kandm-intro {
  width: 100%;
  height: 100%;
  display: flex;
  place-content: center;
  place-items: center;
  flex-direction: column;
  position: relative;
}
.vintage-theme .app-kandm-intro-background {
  position: absolute;
  top: -12.5%;
  left: -12.5%;
  width: 125%;
  height: 125%;
  transform-style: preserve-3d;
  background-color: #82B6FF;
}
.vintage-theme .app-kandm-intro-background #background01,
.vintage-theme .app-kandm-intro-background #background02,
.vintage-theme .app-kandm-intro-background #background03 {
  background-size: contain !important;
  background-repeat: repeat !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.vintage-theme .app-kandm-intro-logo {
  width: 75%;
  display: flex;
  place-content: center;
  place-items: center;
  flex-direction: column;
  position: relative;
}
.vintage-theme .app-kandm-intro-logo #shield {
  width: 128px;
  height: 144px;
  background-size: contain !important;
  position: absolute;
  left: calc(50% - 64px);
  top: calc(50% - 77px);
}
.vintage-theme .app-kandm-intro-logo #sword-left,
.vintage-theme .app-kandm-intro-logo #sword-right {
  width: 100px;
  height: 100px;
  background-size: contain !important;
  position: absolute;
  left: calc(50% - 50px) !important;
  top: calc(50% - 50px) !important;
}
.vintage-theme .app-kandm-intro-logo #logos {
  width: 100%;
  display: flex;
  place-content: center;
  place-items: center;
  flex-direction: column;
}
.vintage-theme .app-kandm-intro-logo #logos #logo-p1 {
  width: 60%;
  min-width: 20rem;
}
.vintage-theme .app-kandm-intro-logo #logos #logo-p1 svg {
  fill: #FED330;
}
.vintage-theme .app-kandm-intro-logo #logos #logo-p1 svg rect, .vintage-theme .app-kandm-intro-logo #logos #logo-p1 svg circle, .vintage-theme .app-kandm-intro-logo #logos #logo-p1 svg path, .vintage-theme .app-kandm-intro-logo #logos #logo-p1 svg line {
  fill: #FED330 !important;
}
.vintage-theme .app-kandm-intro-logo #logos #logo-p2 {
  width: 30%;
  min-width: 10rem;
}
.vintage-theme .app-kandm-intro-logo #logos #logo-p2 svg {
  fill: #FFF;
}
.vintage-theme .app-kandm-intro-logo #logos #logo-p2 svg rect, .vintage-theme .app-kandm-intro-logo #logos #logo-p2 svg circle, .vintage-theme .app-kandm-intro-logo #logos #logo-p2 svg path, .vintage-theme .app-kandm-intro-logo #logos #logo-p2 svg line {
  fill: #FFF !important;
}
.vintage-theme .app-kandm-intro-logo #logos #logo-p3 {
  width: 40%;
  min-width: 18rem;
}
.vintage-theme .app-kandm-intro-logo #logos #logo-p3 svg {
  fill: #EB3B5A;
}
.vintage-theme .app-kandm-intro-logo #logos #logo-p3 svg rect, .vintage-theme .app-kandm-intro-logo #logos #logo-p3 svg circle, .vintage-theme .app-kandm-intro-logo #logos #logo-p3 svg path, .vintage-theme .app-kandm-intro-logo #logos #logo-p3 svg line {
  fill: #EB3B5A !important;
}
.vintage-theme .app-kandm-buttons {
  margin-top: 6rem;
}
.vintage-theme .app-kandm-buttons button {
  background-size: contain !important;
  background-color: transparent;
  width: 240px;
  height: 110px;
  outline: none;
  border: none;
  cursor: pointer;
}
.vintage-theme .random-name-generator {
  width: 100%;
  height: 100%;
  display: inline-flex;
  place-content: center;
  place-items: center;
  flex-direction: column;
}
.vintage-theme .random-name-generator button {
  padding: 1rem;
  color: #000;
  font-family: "Ubuntu", "sans-serif";
  font-weight: bolder;
  cursor: pointer;
  border: 5px solid #ffe8d6;
  box-shadow: 0 5px 0 0 rgba(255, 232, 214, 0.5);
  border-radius: 5px;
}
.paper-theme body {
  height: 100%;
  margin: 0;
  overflow: hidden;
  font-family: "Ubuntu", "sans-serif" !important;
  padding: 0;
  font-size: 100%;
  text-rendering: geometricPrecision;
  background-color: #000;
  color: #dedede;
}
.paper-theme .icon, .paper-theme .image {
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.paper-theme .icon svg, .paper-theme .image svg {
  fill: #dedede;
}
.paper-theme .icon svg rect, .paper-theme .icon svg circle, .paper-theme .icon svg path, .paper-theme .icon svg line, .paper-theme .image svg rect, .paper-theme .image svg circle, .paper-theme .image svg path, .paper-theme .image svg line {
  fill: #dedede !important;
}
.paper-theme .icon svg, .paper-theme .image svg {
  width: 100%;
  height: 100%;
}
.paper-theme .icon svg g:first-child, .paper-theme .image svg g:first-child {
  width: 100%;
  height: 100%;
}
.paper-theme .icon image, .paper-theme .image image {
  width: 100%;
  height: 100%;
}
.paper-theme .hidden {
  display: none !important;
  visibility: hidden !important;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  opacity: 0;
}
.paper-theme hr {
  border-color: #dedede;
  margin: 1.5rem 0;
}
.paper-theme .taskbar {
  position: relative;
  grid-area: taskbar;
  background-color: #2a2a2a;
  color: #d2d2d2;
  height: 100%;
  transform: translate(0, 500px);
  display: grid;
  align-items: center;
  grid-template-areas: "menuToggle menu windows themeToggle themeSelector today";
  grid-template-columns: 8rem 0 1fr 2rem 0 7rem;
  z-index: 9000009;
}
@media (max-width: 992px) {
  .paper-theme .taskbar {
    grid-template-columns: 4rem 0 1fr 2rem 0 7rem;
  }
}
.paper-theme .taskbar-menu {
  display: flex;
  place-items: center;
  place-content: center;
  padding: 1rem;
  background-color: #dedede;
  font-size: 1rem;
  color: #000;
  cursor: pointer;
  grid-area: menuToggle;
  font-weight: bold;
}
.paper-theme .taskbar-menu .icon {
  height: 1rem;
  width: 1rem;
  margin-right: 1rem;
}
.paper-theme .taskbar-menu .icon svg {
  fill: #000;
}
.paper-theme .taskbar-menu .icon svg rect, .paper-theme .taskbar-menu .icon svg circle, .paper-theme .taskbar-menu .icon svg path, .paper-theme .taskbar-menu .icon svg line {
  fill: #000 !important;
}
@media (max-width: 992px) {
  .paper-theme .taskbar-menu .icon {
    margin-right: 0;
  }
}
@media (max-width: 992px) {
  .paper-theme .taskbar-menu span {
    display: none;
  }
}
.paper-theme .taskbar-today {
  grid-area: today;
  color: #d2d2d2;
  display: flex;
  place-content: center;
  place-items: center;
  font-size: 0.75rem;
  font-weight: bold;
}
.paper-theme .taskbar-windows {
  grid-area: windows;
  display: inline-flex;
  overflow-x: auto;
  height: 100%;
}
.paper-theme .taskbar-windows::-webkit-scrollbar {
  width: 2.5px;
  height: 2.5px;
}
.paper-theme .taskbar-windows::-webkit-scrollbar-thumb {
  background: #000;
}
.paper-theme .taskbar-windows::-webkit-scrollbar-track {
  background: #dedede;
}
.paper-theme .taskbar-windows {
  scrollbar-face-color: #000;
  scrollbar-track-color: #dedede;
}
.paper-theme .taskbar-windows-item {
  height: 100%;
  background-color: #000;
  color: #dedede;
  display: inline-flex;
  place-content: center;
  place-items: center;
  min-width: 8rem;
  transition: all 0.25s ease-out;
  cursor: pointer;
  font-size: 1rem;
  font-weight: bolder;
  opacity: 0;
  box-shadow: 0 0 0 0 #dedede inset;
  padding: 0 0.75rem;
}
@media (max-width: 992px) {
  .paper-theme .taskbar-windows-item {
    min-width: 3rem;
    padding: 0;
  }
  .paper-theme .taskbar-windows-item span {
    display: none;
  }
}
.paper-theme .taskbar-windows-item .icon {
  margin-right: 0.75rem;
  width: 1rem;
  height: 1rem;
}
.paper-theme .taskbar-windows-item .icon svg {
  fill: #dedede;
}
.paper-theme .taskbar-windows-item .icon svg rect, .paper-theme .taskbar-windows-item .icon svg circle, .paper-theme .taskbar-windows-item .icon svg path, .paper-theme .taskbar-windows-item .icon svg line {
  fill: #dedede !important;
}
@media (max-width: 992px) {
  .paper-theme .taskbar-windows-item .icon {
    margin-right: 0;
  }
}
.paper-theme .taskbar-windows-item:hover {
  box-shadow: 0 -5px 0 0 #FFF inset;
}
.paper-theme .taskbar-windows-item.active {
  box-shadow: 0 -100px 0 0 #FFF inset;
  color: #333333;
}
.paper-theme .taskbar-windows-item.active svg {
  fill: #333333;
}
.paper-theme .taskbar-windows-item.active svg rect, .paper-theme .taskbar-windows-item.active svg circle, .paper-theme .taskbar-windows-item.active svg path, .paper-theme .taskbar-windows-item.active svg line {
  fill: #333333 !important;
}
.paper-theme .taskbar-windows-item span {
  text-overflow: ellipsis;
  text-align: center;
  text-transform: capitalize;
}
.paper-theme .taskbar .menu {
  grid-area: menu;
  display: grid;
  grid-template-rows: 1fr 5rem;
  min-width: 30vw;
  min-height: 30vh;
  position: absolute;
  left: -8rem;
  bottom: 3.1rem;
  z-index: 9000009;
  background-color: #2a2a2a;
  color: #d2d2d2;
}
@media (max-width: 992px) {
  .paper-theme .taskbar .menu {
    grid-area: none;
    left: 0;
    bottom: 3rem;
    min-width: unset;
    min-height: unset;
    border-bottom: none;
    position: fixed;
    width: calc(100vw - 4px);
    height: 95vh;
  }
}
.paper-theme .taskbar .menu h3 {
  font-size: 1.5rem;
  color: #d2d2d2;
}
.paper-theme .taskbar .menu-applications {
  display: flex;
  flex-direction: column;
  width: calc(100% - 2rem);
  height: calc(100% - 2rem);
  padding: 1rem;
  overflow: auto;
}
.paper-theme .taskbar .menu-applications::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.paper-theme .taskbar .menu-applications::-webkit-scrollbar-thumb {
  background: #dedede;
}
.paper-theme .taskbar .menu-applications::-webkit-scrollbar-track {
  background: #000;
}
.paper-theme .taskbar .menu-applications {
  scrollbar-face-color: #dedede;
  scrollbar-track-color: #000;
}
.paper-theme .taskbar .menu-applications-item {
  display: grid;
  grid-template-columns: 1rem 1fr;
  grid-column-gap: 0.75rem;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
  margin-bottom: 1rem;
  align-items: center;
  padding: 1rem;
  margin: 0 -1rem;
  cursor: pointer;
}
.paper-theme .taskbar .menu-applications-item .icon {
  width: 1rem;
  height: 1rem;
}
.paper-theme .taskbar .menu-applications-item:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.paper-theme .taskbar .menu-user {
  display: grid;
  width: calc(100% - 2rem);
  height: calc(100% - 2rem);
  justify-items: center;
  grid-template-columns: 3rem auto;
  grid-column-gap: 1rem;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  padding: 1rem;
  background-color: #000;
  color: #dedede;
}
.paper-theme .taskbar .menu-user-icon {
  height: 100%;
  width: 100%;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-position: center left !important;
}
.paper-theme .taskbar .menu-user-info {
  display: flex;
  flex-direction: column;
  place-content: flex-start;
  justify-items: flex-start;
  justify-content: space-between;
  width: 100%;
}
.paper-theme .taskbar .menu-user-info h4 {
  margin: 0;
  font-size: 1.5rem;
}
.paper-theme .taskbar .menu-user-info b {
  color: #FFF;
}
.paper-theme .taskbar-theme {
  grid-area: themeSelector;
  position: absolute;
  bottom: 4rem;
  right: -5rem;
  width: auto;
  min-width: 5rem;
  padding: 1rem;
  background-color: #2a2a2a;
  color: #d2d2d2;
  border: 5px solid #FFF;
  box-shadow: 0 5px 0 0 rgba(255, 255, 255, 0.5);
  border-radius: 5px;
}
.paper-theme .taskbar-theme-colors {
  display: flex;
  flex-direction: column;
}
.paper-theme .taskbar-theme-colors h3 {
  margin: 0 0 0.75rem 0;
  color: #d2d2d2;
  font-size: 0.75rem;
  text-align: center;
}
.paper-theme .taskbar-theme-colors-picker {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-row-gap: 0.75rem;
  row-gap: 0.75rem;
  grid-column-gap: 0.75rem;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}
.paper-theme .taskbar-theme-colors-item {
  width: 2rem;
  height: 2rem;
  border: 5px solid #d2d2d2;
  box-shadow: 0 5px 0 0 rgba(210, 210, 210, 0.5);
  border-radius: 5px;
  cursor: pointer;
}
.paper-theme .taskbar-theme-colors-item.selected {
  border: 5px solid white;
  box-shadow: 0 5px 0 0 rgba(255, 255, 255, 0.5);
  border-radius: 5px;
}
.paper-theme .taskbar-theme-toggle {
  grid-area: themeToggle;
  width: 1rem;
  height: 1rem;
  cursor: pointer;
  background-color: #FFF;
  border: 5px solid #d2d2d2;
  border-radius: 5px;
}
.paper-theme .window {
  display: grid;
  grid-template-rows: auto 1fr;
  max-height: 75%;
  max-width: 75%;
  opacity: 0;
  resize: both;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: filter 0.25s ease-out;
  background-color: #2a2a2a;
  color: #d2d2d2;
  border: 5px solid #dedede;
  box-shadow: 0 5px 0 0 rgba(222, 222, 222, 0.5);
  border-radius: 5px;
}
@media (max-width: 767px) {
  .paper-theme .window {
    width: calc(100% - 2px) !important;
    height: calc(100% - 2px) !important;
    max-width: 100vw !important;
    max-height: calc(100% - 3rem) !important;
    transform: translate(-50%, -50%) !important;
    margin-top: -25px;
    -webkit-font-smoothing: subpixel-antialiased;
  }
}
.paper-theme .window.full-screen {
  width: calc(100% - 2px) !important;
  height: calc(100% - 2px) !important;
  max-width: 100vw !important;
  max-height: calc(100% - 3rem) !important;
  transform: translate(-50%, -50%) !important;
  margin-top: -25px;
  -webkit-font-smoothing: subpixel-antialiased;
  border: none;
}
.paper-theme .window.on-focus {
  z-index: 90001;
  background-color: #2a2a2a;
}
.paper-theme .window:not(.on-focus) {
  z-index: 0 !important;
  filter: grayscale(100%) brightness(50%);
}
@media (max-width: 767px) {
  .paper-theme .window:not(.on-focus) {
    opacity: 1 !important;
  }
}
.paper-theme .window-toolbar {
  width: 100%;
  background-color: #dedede;
  color: #000;
  display: inline-flex;
  justify-items: center;
  justify-content: space-between;
  z-index: 0;
}
.paper-theme .window-toolbar-title {
  display: inline-flex;
  padding: 0.75rem;
  font-weight: bold;
}
.paper-theme .window-toolbar-title .icon {
  margin-right: 0.75rem;
  width: 1rem;
  height: 1rem;
}
.paper-theme .window-toolbar-title .icon svg {
  fill: #000;
}
.paper-theme .window-toolbar-title .icon svg rect, .paper-theme .window-toolbar-title .icon svg circle, .paper-theme .window-toolbar-title .icon svg path, .paper-theme .window-toolbar-title .icon svg line {
  fill: #000 !important;
}
.paper-theme .window-toolbar-actions {
  display: inline-flex;
  border-top-right-radius: 5px;
}
.paper-theme .window-toolbar-actions .icon {
  padding: 0.75rem;
  cursor: pointer;
  opacity: 1;
}
.paper-theme .window-toolbar-actions .icon svg {
  fill: #000;
}
.paper-theme .window-toolbar-actions .icon svg rect, .paper-theme .window-toolbar-actions .icon svg circle, .paper-theme .window-toolbar-actions .icon svg path, .paper-theme .window-toolbar-actions .icon svg line {
  fill: #000 !important;
}
.paper-theme .window-toolbar-actions .icon svg {
  height: 1rem;
  width: 1rem;
  opacity: 0.5;
  transition: opacity 0.25s ease-out;
}
.paper-theme .window-toolbar-actions .icon:hover svg {
  opacity: 1;
}
.paper-theme .window-content {
  padding: 0;
  width: 100%;
  color: #dedede;
  overflow: auto;
}
.paper-theme .loader {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 900009;
  background-color: black;
  color: white;
  display: flex;
  flex-direction: column;
  place-content: flex-start;
  place-items: flex-start;
  opacity: 0;
  text-transform: uppercase;
  font-size: 0.75rem;
  font-family: "Clacon", "sans-serif" !important;
  max-height: 100%;
  overflow: auto;
}
@media (max-width: 992px) {
  .paper-theme .loader {
    padding: 1rem;
    width: calc(100% - 2rem);
    height: calc(100% - 2rem);
    font-size: 0.75rem;
  }
}
.paper-theme .loader-title {
  margin-left: 1rem;
}
@media (max-width: 767px) {
  .paper-theme .loader-title {
    margin-left: 1rem;
  }
}
.paper-theme .loader-title p {
  margin: 0;
}
.paper-theme .loader ul {
  list-style: none;
  margin-left: 1rem;
  padding: 0;
}
@media (max-width: 767px) {
  .paper-theme .loader ul {
    margin-left: 1rem;
  }
}
.paper-theme .loader ul li {
  padding: 0;
  display: grid;
  grid-template-columns: 4.5rem auto 1rem;
  align-items: center;
}
.paper-theme .loader ul li b {
  background-color: blue;
}
.paper-theme .loader ul li i {
  background-color: lawngreen;
  color: blue;
  font-style: normal;
}
.paper-theme .loader ul li small {
  font-size: inherit !important;
  background-color: red;
}
.paper-theme .loader ul li pre {
  display: inline-flex;
  margin: 0;
  background-color: aqua;
  font-size: inherit !important;
  font-family: inherit !important;
}
.paper-theme .loader-rindex {
  color: white;
}
.paper-theme .nicaos {
  display: grid;
  grid-template-areas: "desktop" "taskbar";
  height: 100%;
  grid-template-rows: calc(100% - 3rem - 2px) calc(3rem + 2px);
}
.paper-theme .nicaos .desktop {
  grid-area: desktop;
  height: 100%;
  overflow: hidden;
  place-content: flex-start;
  place-items: flex-start;
  flex-wrap: wrap;
  opacity: 0;
  position: relative;
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .paper-theme .nicaos .desktop {
    flex-direction: row;
  }
}
.paper-theme .nicaos .desktop-icon {
  display: inline-flex;
  flex-direction: column;
  place-content: flex-start;
  place-items: center;
  width: 4rem;
  height: 4rem;
  margin: 0.75rem;
  padding: 0.75rem;
  cursor: pointer;
  opacity: 0;
  transform: translate3d(0, 100px, 0);
  color: #d2d2d2;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 0.75rem;
  font-weight: bolder;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
  text-transform: capitalize;
}
@media (max-width: 767px) {
  .paper-theme .nicaos .desktop-icon {
    margin: 0;
    width: 4rem;
    padding: 0.75rem;
  }
}
.paper-theme .nicaos .desktop-icon:hover {
  background-color: rgba(222, 222, 222, 0.25);
}
.paper-theme .nicaos .desktop-icon .icon {
  width: 2rem;
  height: 2rem;
  margin-bottom: 1rem;
}
.paper-theme .nicaos .desktop-icon .icon svg {
  fill: #d2d2d2;
}
.paper-theme .nicaos .desktop-icon .icon svg rect, .paper-theme .nicaos .desktop-icon .icon svg circle, .paper-theme .nicaos .desktop-icon .icon svg path, .paper-theme .nicaos .desktop-icon .icon svg line {
  fill: #d2d2d2 !important;
}
.paper-theme .nicaos .desktop-background {
  opacity: 0;
  position: absolute;
  width: 5rem;
  height: 5rem;
  top: calc(50% - 2.5rem);
  left: calc(50% - 2.5rem);
  border-radius: 5px;
}
@media (max-width: 767px) {
  .paper-theme .nicaos .desktop-background {
    width: 2rem;
    height: 2rem;
    left: calc(50% - 1rem);
  }
}
.paper-theme .nicaos #console {
  overflow: auto;
  padding: 1.5rem;
  height: calc(100% - 3rem);
  width: calc(100% - 3rem);
  background-color: black;
  font-family: "Clacon", "sans-serif" !important;
}
.paper-theme .nicaos #console::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.paper-theme .nicaos #console::-webkit-scrollbar-thumb {
  background: #dedede;
}
.paper-theme .nicaos #console::-webkit-scrollbar-track {
  background: #000;
}
.paper-theme .nicaos #console {
  scrollbar-face-color: #dedede;
  scrollbar-track-color: #000;
}
.paper-theme .nicaos #console table {
  width: 100%;
  font-size: 1.5rem;
}
.paper-theme .nicaos #console table .console-description {
  color: lawngreen;
}
.paper-theme .nicaos #console table .console-message b {
  color: #82B6FF;
}
.paper-theme h1:before, .paper-theme h2:before {
  content: "";
  background-color: #dedede;
  width: 2rem;
  height: 0.5rem;
  border-radius: 5px;
  display: block;
}
.paper-theme b .emphasis {
  color: #dedede;
}
.paper-theme .full-row {
  grid-column: -1/1;
}
.paper-theme .app-select {
  display: inline-flex;
  width: 100%;
  height: 100%;
  position: relative;
  min-width: 10rem;
  cursor: pointer;
}
.paper-theme .app-select:before {
  content: "";
  display: block;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #FFF;
  position: absolute;
  right: calc(1rem - 2.5px);
  top: calc(50% - 2.5px);
}
.paper-theme .app-select-value {
  background-color: rgba(255, 255, 255, 0.1);
  padding: 1rem;
  width: calc(100% - 2rem);
  height: calc(100% - 2rem);
}
.paper-theme .app-select-options {
  position: absolute;
  z-index: 90001;
  width: 100%;
  top: 100%;
  left: 0;
  background-color: #2a2a2a;
  color: #d2d2d2;
  box-shadow: 0 2px 5px 0 #000;
}
.paper-theme .app-select-options-item {
  padding: 1rem;
  width: calc(100% - 2rem);
  height: calc(100% - 2rem);
  cursor: pointer;
}
.paper-theme .app-select-options-item:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
.paper-theme .app-select-options-item.selected {
  background-color: rgba(255, 255, 255, 0.1);
}
.paper-theme app-link {
  display: contents;
}
.paper-theme app-link a {
  text-decoration: none;
  color: #FFF;
  cursor: pointer;
  display: inline-block;
}
.paper-theme app-link a fa-icon {
  font-size: 0.75rem;
  margin-right: 0.5rem;
  color: #FFF;
}
.paper-theme app-tooltip {
  display: contents;
}
.paper-theme app-tooltip .tooltip {
  background-color: #2a2a2a;
  color: #d2d2d2;
  width: calc(100% - 1rem * 2 - 10px);
  display: flex;
  padding: 1rem;
  font-weight: bolder;
  grid-column: 1/-1;
  margin-bottom: 1rem;
  border: 5px solid #dedede;
  box-shadow: 0 5px 0 0 rgba(222, 222, 222, 0.5);
  border-radius: 5px;
}
.paper-theme app-tooltip .tooltip fa-icon {
  margin-right: 1rem;
}
.paper-theme .app-welcome {
  display: grid;
  grid-template-columns: 25% 75%;
  width: 100%;
  height: 100%;
  background-color: #000;
}
@media (max-width: 767px) {
  .paper-theme .app-welcome {
    grid-template-columns: 100%;
  }
}
.paper-theme .app-welcome .image {
  width: 2rem;
  height: 2rem;
}
.paper-theme .app-welcome h1 {
  font-size: 3rem;
  margin-top: 0;
  margin-bottom: 1.5rem;
}
@media (max-width: 767px) {
  .paper-theme .app-welcome h1 {
    font-size: 2rem;
  }
}
.paper-theme .app-welcome h2 {
  width: 100%;
  padding: 1.5rem 0;
  text-align: left;
  font-size: 3rem;
  grid-column: 1/-1;
}
@media (max-width: 767px) {
  .paper-theme .app-welcome h2 {
    grid-area: none;
  }
}
.paper-theme .app-welcome-left {
  background-color: black;
  height: calc(100% - 1.5rem);
  width: calc(100% - 1.5rem);
  padding: 0.75rem;
  position: relative;
}
@media (max-width: 767px) {
  .paper-theme .app-welcome-left {
    display: none;
  }
}
.paper-theme .app-welcome-left h3 {
  margin-top: 0;
}
.paper-theme .app-welcome-left ul {
  list-style: none;
  margin: 0;
  padding: 0 0 0 1rem;
}
.paper-theme .app-welcome-left ul li {
  margin: 0.75rem 0;
  cursor: pointer;
  opacity: 0.5;
  transition: color 0.25s ease-in-out;
}
.paper-theme .app-welcome-left ul li.active {
  color: #FFF;
  opacity: 1;
}
.paper-theme .app-welcome-left ul li:hover {
  color: #d2d2d2;
  opacity: 1;
}
.paper-theme .app-welcome-left #downloadCV a {
  position: absolute;
  bottom: 1rem;
  display: inline-flex;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  padding: 0.75rem;
  width: calc(100% - 3rem - 10px);
  border: 5px solid #FFF;
  box-shadow: 0 5px 0 0 rgba(255, 255, 255, 0.5);
  border-radius: 5px;
}
.paper-theme .app-welcome-right {
  height: calc(100% - 3rem);
  width: calc(100% - 3rem);
  overflow: auto;
  padding: 1.5rem;
  background-color: rgba(255, 255, 255, 0.1);
}
.paper-theme .app-welcome-right::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.paper-theme .app-welcome-right::-webkit-scrollbar-thumb {
  background: #FFF;
}
.paper-theme .app-welcome-right::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.1);
}
.paper-theme .app-welcome-right {
  scrollbar-face-color: #FFF;
  scrollbar-track-color: rgba(255, 255, 255, 0.1);
}
.paper-theme .app-welcome-right #intro {
  flex-wrap: wrap;
  display: grid;
  grid-template-columns: 50% 50%;
  grid-column-gap: 0.75rem;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
  grid-template-areas: "h1 h1" "text1 text1";
}
@media (max-width: 767px) {
  .paper-theme .app-welcome-right #intro {
    grid-template-areas: none;
    grid-template-columns: none;
    display: flex;
  }
}
.paper-theme .app-welcome-right .personal-icons {
  margin: 1rem 0;
  display: inline-grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}
.paper-theme .app-welcome-right .personal-icons-item {
  display: inline-flex;
  place-items: center;
  color: #333333;
  background-color: #FFF;
  border: 5px solid #FFF;
  box-shadow: 0 5px 0 0 rgba(255, 255, 255, 0.5);
  border-radius: 5px;
}
.paper-theme .app-welcome-right .personal-icons-item .image {
  width: 64px;
  height: 68px;
  margin-right: 1rem;
  border-radius: 5px;
}
.paper-theme .app-welcome-right .personal-icons-item span {
  font-size: 1rem;
  font-weight: bold;
}
.paper-theme .app-welcome-right #story {
  flex-wrap: wrap;
  display: grid;
  grid-template-columns: 50% 50%;
  grid-column-gap: 0.75rem;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
  grid-template-areas: "h2 h2" "about01 about01" "text2 text2";
}
@media (max-width: 767px) {
  .paper-theme .app-welcome-right #story {
    grid-template-areas: none;
    grid-template-columns: none;
    display: flex;
  }
}
.paper-theme .app-welcome-right h1 {
  grid-area: h1;
  padding: 1.5rem 0;
  text-align: left;
}
@media (max-width: 767px) {
  .paper-theme .app-welcome-right h1 {
    grid-area: none;
  }
}
.paper-theme .app-welcome-right h2 {
  grid-area: h2;
}
.paper-theme .app-welcome-right #about01 {
  width: 100%;
  height: auto;
  max-width: 10rem;
  float: right;
  grid-area: about01;
  padding: 1.5rem 0;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .paper-theme .app-welcome-right #about01 {
    width: 15rem;
    height: auto;
    max-width: 100vw;
    margin: 0 auto;
    grid-area: none;
  }
}
.paper-theme .app-welcome-right #text1 {
  text-align: left;
  padding: 1.5rem 0;
}
.paper-theme .app-welcome-right #works .education-item,
.paper-theme .app-welcome-right #works .work-item,
.paper-theme .app-welcome-right #education .education-item,
.paper-theme .app-welcome-right #education .work-item {
  display: inline-grid;
  grid-column-gap: 1rem;
  margin-bottom: 1.5rem;
  place-items: center;
  grid-template-areas: "icon title" "icon date" "empty subtitle";
}
.paper-theme .app-welcome-right #works .education-item .image,
.paper-theme .app-welcome-right #works .work-item .image,
.paper-theme .app-welcome-right #education .education-item .image,
.paper-theme .app-welcome-right #education .work-item .image {
  grid-area: icon;
  min-width: 5rem;
  min-height: 5rem;
}
.paper-theme .app-welcome-right #works .education-item-title,
.paper-theme .app-welcome-right #works .work-item-title,
.paper-theme .app-welcome-right #education .education-item-title,
.paper-theme .app-welcome-right #education .work-item-title {
  grid-area: title;
  width: 100%;
  font-weight: bolder;
  font-size: 1.5rem;
}
.paper-theme .app-welcome-right #works .education-item-subtitle,
.paper-theme .app-welcome-right #works .work-item-subtitle,
.paper-theme .app-welcome-right #education .education-item-subtitle,
.paper-theme .app-welcome-right #education .work-item-subtitle {
  grid-area: subtitle;
  margin-top: 0.75rem;
}
.paper-theme .app-welcome-right #works .education-item-dates,
.paper-theme .app-welcome-right #works .work-item-dates,
.paper-theme .app-welcome-right #education .education-item-dates,
.paper-theme .app-welcome-right #education .work-item-dates {
  width: 100%;
  grid-area: date;
}
.paper-theme .app-welcome-right #skills .skills-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}
@media (max-width: 992px) {
  .paper-theme .app-welcome-right #skills .skills-container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .paper-theme .app-welcome-right #skills .skills-container {
    grid-template-columns: 1fr;
  }
}
.paper-theme .app-welcome-right #skills .skills-item {
  display: grid;
  grid-template-areas: "icon title" "description description";
  grid-template-columns: 2rem auto;
  background-color: #2a2a2a;
  color: #d2d2d2;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  padding: 1rem;
  border: 5px solid #FFF;
  box-shadow: 0 5px 0 0 rgba(255, 255, 255, 0.5);
  border-radius: 5px;
}
.paper-theme .app-welcome-right #skills .skills-item-title {
  grid-area: title;
  font-weight: bolder;
  font-size: 1.5rem;
}
.paper-theme .app-welcome-right #skills .skills-item-description {
  grid-area: description;
  color: #dedede;
}
.paper-theme .app-welcome-right #skills .skills-item-icon {
  grid-area: icon;
  color: #d2d2d2;
  font-size: 1.5rem;
}
.paper-theme .app-welcome-right #more .more-links {
  margin-top: 1.5rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}
@media (max-width: 992px) {
  .paper-theme .app-welcome-right #more .more-links {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767px) {
  .paper-theme .app-welcome-right #more .more-links {
    grid-template-columns: repeat(2, 1fr);
  }
}
.paper-theme .app-welcome-right #more .more-links app-link a {
  display: inline-flex;
  justify-content: center;
  place-content: center;
  align-items: center;
  justify-items: center;
  padding: 1rem;
  border: 5px solid #FFF;
  box-shadow: 0 5px 0 0 rgba(255, 255, 255, 0.5);
  border-radius: 5px;
}
.paper-theme .app-welcome-right #more .more-links app-link#downloadCV a {
  background-color: #d2d2d2;
  color: #2a2a2a;
  grid-column: 1/-1;
}
.paper-theme .app-welcome h1 {
  margin: 0;
}
.paper-theme .app-welcome h2 {
  margin: 1rem 0 0 0;
}
.paper-theme .app-welcome span {
  font-size: 1.5rem;
}
.paper-theme .app-welcome span b, .paper-theme .app-welcome span i {
  color: #FFF;
}
.paper-theme .app-welcome span#text1 {
  grid-area: text1;
}
@media (max-width: 767px) {
  .paper-theme .app-welcome span#text1 {
    grid-area: none;
  }
}
.paper-theme .app-welcome span#text2 {
  grid-area: text2;
}
@media (max-width: 767px) {
  .paper-theme .app-welcome span#text2 {
    grid-area: none;
  }
}
.paper-theme .app-browser {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-areas: "toolbar" "iframe";
  grid-template-rows: 2rem 1fr;
}
.paper-theme .app-browser-searchbar {
  grid-area: toolbar;
  padding: 0 1rem;
  place-content: center;
}
.paper-theme .app-browser-searchbar input {
  width: 100%;
  height: 2rem;
  border: none;
  outline: none;
  margin: 0;
  border-radius: 0;
  background-color: #2a2a2a;
  color: #d2d2d2;
}
.paper-theme .app-browser iframe {
  border: none;
  grid-area: iframe;
  width: 100%;
  height: 100%;
  margin: 0;
}
.paper-theme .app-file-explorer {
  display: grid;
  grid-template-areas: "toolbar toolbar" "three result";
  grid-template-rows: auto 1fr;
  grid-template-columns: 25% 1fr;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
@media (max-width: 767px) {
  .paper-theme .app-file-explorer {
    grid-template-columns: 35% 1fr;
  }
}
.paper-theme .app-file-explorer-toolbar {
  grid-area: toolbar;
  background-color: rgba(210, 210, 210, 0.1);
  color: #2a2a2a;
  display: inline-flex;
  width: 100%;
}
.paper-theme .app-file-explorer-toolbar fa-icon {
  display: inline-flex;
  padding: 0 1rem;
  background-color: #2a2a2a;
  color: #d2d2d2;
  place-items: center;
}
.paper-theme .app-file-explorer-toolbar input {
  background-color: transparent;
  color: #dedede;
  border: 0;
  outline: none;
  border-radius: 0;
  padding: 1rem;
  width: calc(100% - 2rem);
  font-weight: bolder;
  font-style: italic;
}
.paper-theme .app-file-explorer-three {
  grid-area: three;
  background-color: rgba(0, 0, 0, 0.25);
  width: 100%;
  height: 100%;
  overflow: auto;
}
.paper-theme .app-file-explorer-three::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.paper-theme .app-file-explorer-three::-webkit-scrollbar-thumb {
  background: #dedede;
}
.paper-theme .app-file-explorer-three::-webkit-scrollbar-track {
  background: #000;
}
.paper-theme .app-file-explorer-three {
  scrollbar-face-color: #dedede;
  scrollbar-track-color: #000;
}
.paper-theme .app-file-explorer-three ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.paper-theme .app-file-explorer-three ul li {
  padding: 0.75rem 1rem;
  display: inline-flex;
  width: calc(100% - 2rem);
  cursor: pointer !important;
  text-transform: capitalize;
}
@media (max-width: 767px) {
  .paper-theme .app-file-explorer-three ul li {
    font-size: 0.75rem;
  }
}
.paper-theme .app-file-explorer-three ul li .icon {
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  max-width: 1rem;
  margin-right: 1rem;
}
.paper-theme .app-file-explorer-three ul li .icon svg {
  fill: #d2d2d2;
}
.paper-theme .app-file-explorer-three ul li .icon svg rect, .paper-theme .app-file-explorer-three ul li .icon svg circle, .paper-theme .app-file-explorer-three ul li .icon svg path, .paper-theme .app-file-explorer-three ul li .icon svg line {
  fill: #d2d2d2 !important;
}
.paper-theme .app-file-explorer-three ul li:hover, .paper-theme .app-file-explorer-three ul li.active {
  background-color: #FFF;
  color: #333333;
}
.paper-theme .app-file-explorer-three ul li:hover svg, .paper-theme .app-file-explorer-three ul li.active svg {
  fill: #333333;
}
.paper-theme .app-file-explorer-three ul li:hover svg rect, .paper-theme .app-file-explorer-three ul li:hover svg circle, .paper-theme .app-file-explorer-three ul li:hover svg path, .paper-theme .app-file-explorer-three ul li:hover svg line, .paper-theme .app-file-explorer-three ul li.active svg rect, .paper-theme .app-file-explorer-three ul li.active svg circle, .paper-theme .app-file-explorer-three ul li.active svg path, .paper-theme .app-file-explorer-three ul li.active svg line {
  fill: #333333 !important;
}
.paper-theme .app-file-explorer-three ul li.secondary {
  padding-left: 1.5rem;
  width: calc(100% - 1rem - 1.5rem);
}
.paper-theme .app-file-explorer-result {
  grid-area: result;
  display: flex;
  flex-direction: column;
  padding: 1rem;
  width: calc(100% - 2rem);
  height: calc(100% - 2rem);
  overflow: auto;
  background-color: #000;
}
.paper-theme .app-file-explorer-result::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.paper-theme .app-file-explorer-result::-webkit-scrollbar-thumb {
  background: #FFF;
}
.paper-theme .app-file-explorer-result::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.1);
}
.paper-theme .app-file-explorer-result {
  scrollbar-face-color: #FFF;
  scrollbar-track-color: rgba(255, 255, 255, 0.1);
}
.paper-theme .app-file-explorer-result table thead tr {
  border-bottom: 1px solid #FFF;
}
.paper-theme .app-file-explorer-result table thead tr th {
  text-align: left;
  font-size: 0.75rem;
  color: #d2d2d2;
}
.paper-theme .app-file-explorer-result table tbody tr {
  background-color: rgba(255, 255, 255, 0.1);
  cursor: pointer;
}
.paper-theme .app-file-explorer-result table tbody tr.app-file-explorer-result-separator {
  background-color: #FFF;
  color: #333333;
}
.paper-theme .app-file-explorer-result table tbody tr.app-file-explorer-result-separator h4 {
  margin: 0;
}
.paper-theme .app-file-explorer-result table tbody tr:not(.app-file-explorer-result-empty):hover {
  background-color: rgba(255, 255, 255, 0.25);
}
.paper-theme .app-file-explorer-result table tbody tr.app-file-explorer-result-separator:hover {
  background-color: #FFF;
}
.paper-theme .app-file-explorer-result table tbody tr td {
  padding: 1rem;
}
.paper-theme .app-file-explorer-result table tbody tr td h3 {
  margin: 0;
  width: 100%;
  text-align: center;
  opacity: 0.5;
}
.paper-theme .app-file-explorer-result table tbody tr td .icon {
  width: 1rem;
  height: 1rem;
  margin-right: 1rem;
  float: left;
}
.paper-theme .app-file-explorer-result table tbody tr td p {
  float: left;
  margin: 0;
}
.paper-theme .text-editor {
  display: grid;
  grid-template-areas: "toolbar" "pages";
  grid-template-rows: auto 1fr;
  height: 100%;
  overflow: hidden;
}
.paper-theme .text-editor-toolbar {
  grid-area: toolbar;
  display: flex;
  flex-wrap: wrap;
  background-color: #000;
  color: #dedede;
}
.paper-theme .text-editor-toolbar button {
  padding: 1rem;
  background-color: transparent;
  border-radius: 0;
  color: #d2d2d2;
  outline: none;
  border: none;
  cursor: pointer;
}
.paper-theme .text-editor-toolbar button:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
.paper-theme .text-editor-toolbar select {
  background-color: transparent;
  color: #d2d2d2;
  outline: none;
  border: none;
  min-width: 10rem;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Remove default arrow */
}
.paper-theme .text-editor-pages {
  grid-area: pages;
  width: 100%;
  height: 100%;
  overflow: auto;
  display: flex;
  justify-content: center;
}
.paper-theme .text-editor-pages::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.paper-theme .text-editor-pages::-webkit-scrollbar-thumb {
  background: #dedede;
}
.paper-theme .text-editor-pages::-webkit-scrollbar-track {
  background: #000;
}
.paper-theme .text-editor-pages {
  scrollbar-face-color: #dedede;
  scrollbar-track-color: #000;
}
.paper-theme .text-editor-pages #page {
  outline: none !important;
  border: none !important;
  height: calc(1684px - 1.5rem);
  width: calc(1190px - 1.5rem);
  max-width: 100%;
  padding: 0.75rem;
  box-shadow: 0 0 5px 0 black;
  overflow: hidden;
  margin: 6rem 0;
  background-color: white;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.paper-theme .app-kandm {
  width: 100%;
  height: 100%;
  background-color: black;
  overflow: hidden;
}
.paper-theme .app-kandm app-tooltip {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  display: inline-block;
  z-index: 10001;
}
.paper-theme .app-kandm-intro {
  width: 100%;
  height: 100%;
  display: flex;
  place-content: center;
  place-items: center;
  flex-direction: column;
  position: relative;
}
.paper-theme .app-kandm-intro-background {
  position: absolute;
  top: -12.5%;
  left: -12.5%;
  width: 125%;
  height: 125%;
  transform-style: preserve-3d;
  background-color: #82B6FF;
}
.paper-theme .app-kandm-intro-background #background01,
.paper-theme .app-kandm-intro-background #background02,
.paper-theme .app-kandm-intro-background #background03 {
  background-size: contain !important;
  background-repeat: repeat !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.paper-theme .app-kandm-intro-logo {
  width: 75%;
  display: flex;
  place-content: center;
  place-items: center;
  flex-direction: column;
  position: relative;
}
.paper-theme .app-kandm-intro-logo #shield {
  width: 128px;
  height: 144px;
  background-size: contain !important;
  position: absolute;
  left: calc(50% - 64px);
  top: calc(50% - 77px);
}
.paper-theme .app-kandm-intro-logo #sword-left,
.paper-theme .app-kandm-intro-logo #sword-right {
  width: 100px;
  height: 100px;
  background-size: contain !important;
  position: absolute;
  left: calc(50% - 50px) !important;
  top: calc(50% - 50px) !important;
}
.paper-theme .app-kandm-intro-logo #logos {
  width: 100%;
  display: flex;
  place-content: center;
  place-items: center;
  flex-direction: column;
}
.paper-theme .app-kandm-intro-logo #logos #logo-p1 {
  width: 60%;
  min-width: 20rem;
}
.paper-theme .app-kandm-intro-logo #logos #logo-p1 svg {
  fill: #FED330;
}
.paper-theme .app-kandm-intro-logo #logos #logo-p1 svg rect, .paper-theme .app-kandm-intro-logo #logos #logo-p1 svg circle, .paper-theme .app-kandm-intro-logo #logos #logo-p1 svg path, .paper-theme .app-kandm-intro-logo #logos #logo-p1 svg line {
  fill: #FED330 !important;
}
.paper-theme .app-kandm-intro-logo #logos #logo-p2 {
  width: 30%;
  min-width: 10rem;
}
.paper-theme .app-kandm-intro-logo #logos #logo-p2 svg {
  fill: #FFF;
}
.paper-theme .app-kandm-intro-logo #logos #logo-p2 svg rect, .paper-theme .app-kandm-intro-logo #logos #logo-p2 svg circle, .paper-theme .app-kandm-intro-logo #logos #logo-p2 svg path, .paper-theme .app-kandm-intro-logo #logos #logo-p2 svg line {
  fill: #FFF !important;
}
.paper-theme .app-kandm-intro-logo #logos #logo-p3 {
  width: 40%;
  min-width: 18rem;
}
.paper-theme .app-kandm-intro-logo #logos #logo-p3 svg {
  fill: #EB3B5A;
}
.paper-theme .app-kandm-intro-logo #logos #logo-p3 svg rect, .paper-theme .app-kandm-intro-logo #logos #logo-p3 svg circle, .paper-theme .app-kandm-intro-logo #logos #logo-p3 svg path, .paper-theme .app-kandm-intro-logo #logos #logo-p3 svg line {
  fill: #EB3B5A !important;
}
.paper-theme .app-kandm-buttons {
  margin-top: 6rem;
}
.paper-theme .app-kandm-buttons button {
  background-size: contain !important;
  background-color: transparent;
  width: 240px;
  height: 110px;
  outline: none;
  border: none;
  cursor: pointer;
}
.paper-theme .random-name-generator {
  width: 100%;
  height: 100%;
  display: inline-flex;
  place-content: center;
  place-items: center;
  flex-direction: column;
}
.paper-theme .random-name-generator button {
  padding: 1rem;
  color: #000;
  font-family: "Ubuntu", "sans-serif";
  font-weight: bolder;
  cursor: pointer;
  border: 5px solid #FFF;
  box-shadow: 0 5px 0 0 rgba(255, 255, 255, 0.5);
  border-radius: 5px;
}
html {
  font-family: "Ubuntu", "sans-serif";
  height: 100%;
  width: 100%;
  text-rendering: geometricPrecision;
}