@import 'notes';
@import '../../../../scss/variables';

.navbar-container {
  position: absolute;
  top: 1rem;
  right: 1rem;

  div {
    display: inline;
  }

  img {
    height: 1em;
    width: auto;
    margin: 0.5rem;
  }

  svg.topicons {
    color: map-get($theme-colours, 'main-text-color');
    -webkit-font-smoothing: subpixel-antialiased;
    font-size: 1em;
    margin: 0.5rem;
    filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.3));
    cursor: pointer;
    transition: 0.2s ease;

    &:hover {
      color: map-get($theme-colours, 'main-text-color');
      transform: translateZ(0);
      transform: scale(1.3);
    }
  }
}
