@import './assets/styles/normalize.css';
@import './assets/styles/header.css';
@import './assets/styles/main.css';
@import './assets/styles/footer.css';
@import './assets/styles/form.css';
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap');

* {
  font-family: 'Raleway', sans-serif;
}

html {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  scroll-behavior: smooth
}

body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

.toast {
  padding: 0px 10px;
  height: 50px;
  position: fixed;
  top: 2%;
  right: 3%;
  display: flex;
  align-items: center;
  border-radius: 10px;
  background-color: #ffffff;
  z-index: 5;
  transition: all 0.2s ease;
}

#success {
  border: 1px solid #03B325;
}

#error {
  border: 1px solid #EE4040;
}

.invisible {
  display: none;
}

.visible {
  display: flex;
}