@import 'breakpoint';
@import 'block';
@import 'form';
@import 'button';
@import 'flex';
@import 'alert';
@import 'authorize';
@import 'settings';

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
    Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  background-color: #314550;
  text-shadow: black 1px 1px 2px;
}

a {
  color: #fff;

  &:hover {
    text-decoration: none;
  }

  &[target='_blank']::after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z' /%3E%3C/svg%3E");
    width: 1rem;
    height: 1rem;
    display: inline-block;
    margin-left: 4px;
    vertical-align: top;
  }
}