@font-face {
  font-family: 'agitoregular';
  src: url('https://matapi.studio/assets/fonts/agito-webfont.woff2') format('woff2'),
       url('https://matapi.studio/assets/fonts/agito-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
.uk-navbar-item .uk-button {
  font-weight: 700;
}
h1 {
  text-transform: lowercase !important;
}
h2, h3, h4 {
  font-family: 'Lexend', serif;
}
h4 a {
  transition: .3s cubic-bezier(.54, .32, .05, .96);
  z-index: 2;
  background-image: linear-gradient(#373736, #373736),linear-gradient(#373736, #373736),linear-gradient(transparent, transparent);
  background-size: 0 1px, 100% 1px, 1px 1px;
  background-repeat: no-repeat,no-repeat,repeat-x;
  background-position: 0% 90%, 100% 90%, 0% 90%;
  padding-bottom: 6px;
}
h4 a:hover {
  background-size: 0 1px, 0 1px, 1px 1px;
}
::selection {
  color: #ffffff;
}
p a:not(.uk-button, .uk-icon, .uk-icon-link), .uk-list li a {
  padding-bottom: 6px;
}
.uk-input,
.uk-textarea {
  background-color: #ffffff !important;
  opacity: 1 !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}
.uk-input:hover,
.uk-input:focus,
.uk-input:active,
.uk-select:hover,
.uk-select:focus,
.uk-select:active,
.uk-textarea:hover,
.uk-textarea:focus,
.uk-textarea:active {
  background-color: #ffffff !important;
  opacity: 1 !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}
input[type="checkbox"] {
  background-color: #ffffff !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  border-radius: 3px !important;
  cursor: pointer !important;
}
fieldset a {
  font-weight: 700;
}
.uk-alert-danger {
  display: none;
}
.uk-text-danger {
  color: #ff0000 !important;
}
#mc_embed_signup div.mce_inline_error {
  margin: 0 !important;
  padding: 10px 0 5px 0 !important;
  background-color: transparent !important;
  font-weight: normal !important;
  color: #ff0000 !important;
}
#mce-success-response {
  margin: 0 !important;
  padding: 10px 0 5px 0 !important;
  color: #373736 !important;
}
.formfield__label__text, .formfield__label__required {
  display: none;
}
fieldset .formfield__label__text {
  display: block;
}
.uk-form-controls p {
  margin: 15px 0;
}
input::placeholder, textarea::placeholder {
  color: #373736;
  opacity: 0.5;
}
/*.foot .uk-button-primary:not(.uk-button-text):not(.uk-button-link) {
  background-image: radial-gradient(circle at 1% 100%, #ffffff 1%, transparent 1%);
}*/
.formblock__message__list {
  margin: 0;
}
.uk-alert-success {
  background: none;
  color: #ffffff;
}
.uk-alert {
  padding: 4px 29px 15px 15px;
}
.uk-grid+.uk-grid-small, .uk-grid+.uk-grid-row-small, .uk-grid-small>.uk-grid-margin, .uk-grid-row-small>.uk-grid-margin, *+.uk-grid-margin-small {
  margin-top: 8px;
}
#mc-embedded-subscribe.uk-margin-small-top {
  margin-top: 15px !important;
}
.uk-navbar-nav a {
  color: #b7b7b7 !important;
}
.uk-active a {
  color: #373736 !important;
}
.uk-nav.uk-navbar-dropdown-nav {
  font-size: 25px;
}
.uk-nav.uk-navbar-dropdown-nav .uk-active a {
  color: #ffffff !important;
}
.uk-active a {
  font-weight: 700;
}
.uk-navbar-nav>li.uk-active>a::before, .uk-navbar-nav>li>a::before {
  background-color: transparent !important;
}
.uk-drop.uk-open {
  border-radius: 12px;
}
.uk-margin-small-top .uk-logo {
  margin-top: 30px !important;
}
.uk-close svg {
  color: #373736;  
}
.uk-navbar-toggle svg {
  color: #373736;
}
footer img {
  animation: pulsate 2s ease-in-out infinite;
}
@keyframes pulsate {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
   }
}
.uk-icon svg {
  height: 35px;
  width: 35px;
}
.uk-offcanvas .uk-text-muted {
  color: #373736 !important;
}
.uk-logo {
 margin: 30px 0;
}
/*.gradient.uk-section-secondary {
background: linear-gradient(45deg, #2DCCD3 20%, #f1de60 80%);
}*/
.uk-light, .uk-section-primary:not(.uk-preserve-color), .uk-section-secondary:not(.uk-preserve-color), .uk-tile-primary:not(.uk-preserve-color), .uk-tile-secondary:not(.uk-preserve-color), .uk-card-primary.uk-card-body, .uk-card-primary>:not([class*="uk-card-media"]), .uk-card-secondary.uk-card-body, .uk-card-secondary>:not([class*="uk-card-media"]), .uk-overlay-primary, .uk-offcanvas-bar, .uk-overlay-secondary, .uk-overlay-gradient, .uk-overlay-gradient-primary {
  color: #373736;
}
.uk-light .uk-radio, .uk-light .uk-checkbox, .uk-section-primary:not(.uk-preserve-color) .uk-radio, .uk-section-primary:not(.uk-preserve-color) .uk-checkbox, .uk-section-secondary:not(.uk-preserve-color) .uk-radio, .uk-section-secondary:not(.uk-preserve-color) .uk-checkbox, .uk-tile-primary:not(.uk-preserve-color) .uk-radio, .uk-tile-primary:not(.uk-preserve-color) .uk-checkbox, .uk-tile-secondary:not(.uk-preserve-color) .uk-radio, .uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox, .uk-card-primary.uk-card-body .uk-radio, .uk-card-primary.uk-card-body .uk-checkbox, .uk-card-primary>:not([class*="uk-card-media"]) .uk-radio, .uk-card-primary>:not([class*="uk-card-media"]) .uk-checkbox, .uk-card-secondary.uk-card-body .uk-radio, .uk-card-secondary.uk-card-body .uk-checkbox, .uk-card-secondary>:not([class*="uk-card-media"]) .uk-radio, .uk-card-secondary>:not([class*="uk-card-media"]) .uk-checkbox, .uk-overlay-primary .uk-radio, .uk-overlay-primary .uk-checkbox, .uk-offcanvas-bar .uk-radio, .uk-offcanvas-bar .uk-checkbox, .uk-overlay-secondary .uk-radio, .uk-overlay-secondary .uk-checkbox, .uk-overlay-gradient .uk-radio, .uk-overlay-gradient .uk-checkbox, .uk-overlay-gradient-primary .uk-radio, .uk-overlay-gradient-primary .uk-checkbox {
  background-color: #ffffff;
}
.uk-light .uk-input, .uk-light .uk-select, .uk-light .uk-textarea, .uk-section-primary:not(.uk-preserve-color) .uk-input, .uk-section-primary:not(.uk-preserve-color) .uk-select, .uk-section-primary:not(.uk-preserve-color) .uk-textarea, .uk-section-secondary:not(.uk-preserve-color) .uk-input, .uk-section-secondary:not(.uk-preserve-color) .uk-select, .uk-section-secondary:not(.uk-preserve-color) .uk-textarea, .uk-tile-primary:not(.uk-preserve-color) .uk-input, .uk-tile-primary:not(.uk-preserve-color) .uk-select, .uk-tile-primary:not(.uk-preserve-color) .uk-textarea, .uk-tile-secondary:not(.uk-preserve-color) .uk-input, .uk-tile-secondary:not(.uk-preserve-color) .uk-select, .uk-tile-secondary:not(.uk-preserve-color) .uk-textarea, .uk-card-primary.uk-card-body .uk-input, .uk-card-primary.uk-card-body .uk-select, .uk-card-primary.uk-card-body .uk-textarea, .uk-card-primary > :not([class*="uk-card-media"]) .uk-input, .uk-card-primary > :not([class*="uk-card-media"]) .uk-select, .uk-card-primary > :not([class*="uk-card-media"]) .uk-textarea, .uk-card-secondary.uk-card-body .uk-input, .uk-card-secondary.uk-card-body .uk-select, .uk-card-secondary.uk-card-body .uk-textarea, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-input, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-select, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-textarea, .uk-overlay-primary .uk-input, .uk-overlay-primary .uk-select, .uk-overlay-primary .uk-textarea, .uk-offcanvas-bar .uk-input, .uk-offcanvas-bar .uk-select, .uk-offcanvas-bar .uk-textarea, .uk-overlay-secondary .uk-input, .uk-overlay-secondary .uk-select, .uk-overlay-secondary .uk-textarea, .uk-overlay-gradient .uk-input, .uk-overlay-gradient .uk-select, .uk-overlay-gradient .uk-textarea, .uk-overlay-gradient-primary .uk-input, .uk-overlay-gradient-primary .uk-select, .uk-overlay-gradient-primary .uk-textarea {
  background-color: #ffffff !important;
  color: #373736 !important;
  border: 0 !important;
}
.uk-offcanvas-bar .uk-nav-primary > li.uk-active > a, .uk-offcanvas-bar .uk-nav-default > li.uk-active > a, .uk-navbar-dropdown-nav > li.uk-active > a {
  text-decoration: none;
}
.uk-navbar-dropdown-nav > li > a:hover, .uk-offcanvas-bar .uk-nav-primary > li > a:hover, .uk-offcanvas-bar .uk-nav-default > li > a:hover {
  text-decoration: none;
}
h1 {
  hyphens: auto;
  word-break: normal;
  overflow-wrap: break-word;
  white-space: normal;
}
.uk-navbar-container:not(.uk-navbar-transparent) {
  background: none;
}
@media only screen and (max-width: 480px) {
  #playground h1 {
    /*font-size: 60px !important;*/
  }
}
.uk-grid-small>*, .uk-grid-column-small>* {
  padding-top: 0;
}