/*Autore: Ruslana Kapicka; css datne, kurā tiek veidots stils;
Veidots:2024. gadā, Jaunākā versija*/
/* Importē Roboto Condensed fontu no Google Fonts */
@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap");

body {
  /* Iestata fontu un fona krāsu */
  font-family: "Roboto Condensed", sans-serif; /* Fonta iestatīšana */
  background-color: #f3e5f5; /* Fona krāsa */
  display: flex; /* Izmanto flexbox izkārtojumu */
  justify-content: center; /* Horizontālā centrēšana */
  align-items: center; /* Vertikālā centrēšana */
  height: 100vh; /* Augstums 100% no skatloga */
  margin: 0; /* Noņem noklusējuma margu */
}

.container {
  /* Konteinera stils */
  background-color: #fff; /* Fona krāsa balta */
  padding: 40px; /* Iekšējā atstarpe */
  border-radius: 10px; /* Noapaļoti stūri */
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); /* Ēnas efekts */
  max-width: 400px; /* Maksimālais platums */
  width: 100%; /* Platums 100% */
  text-align: center; /* Teksta centrēšana */
}

h1 {
  /* Virsraksta stils */
  margin-bottom: 20px; /* Apakšējā margu */
  color: #5e35b1; /* Virsraksta krāsa */
  font-weight: 700; /* Biežuma svars */
}

form {
  /* Formas izkārtojums */
  display: flex; /* Flexbox izkārtojums */
  flex-direction: column; /* Stabiņu izkārtojums */
  align-items: center; /* Centrē formai */
}

input[type="text"],
input[type="password"],
input[type="email"] {
  /* Ievades lauku stils */
  padding: 10px; /* Iekšējā atstarpe */
  margin: 10px 0; /* Vertikālā margu */
  border: 1px solid #ccc; /* Robeža */
  border-radius: 5px; /* Noapaļoti stūri */
  font-size: 16px; /* Fonta izmērs */
  width: 100%; /* Platums 100% */
  box-sizing: border-box; /* Iekļauj robežas un atstarpes izmēros */
}

input[type="submit"] {
  /* Pogu stils */
  background-color: #7e57c2; /* Fona krāsa pogai */
  color: white; /* Teksta krāsa */
  padding: 10px; /* Iekšējā atstarpe */
  border: none; /* Bez robežas */
  border-radius: 5px; /* Noapaļoti stūri */
  font-size: 16px; /* Fonta izmērs */
  cursor: pointer; /* Kursors kā pirksts */
  margin-top: 20px; /* Augšējā margu */
}

input[type="submit"]:hover {
  background-color: #673ab7; /* Fona krāsa peldošajam stāvoklim */
}

/* Stili saites */
.links {
  display: flex; /* Flexbox izkārtojums */
  justify-content: center; /* Horizontālā centrēšana */
  margin-top: 20px; /* Augšējā margu */
}

.links a {
  color: #7e57c2; /* Teksta krāsa saitei */
  text-decoration: none; /* Bez apakšsvītras */
  margin: 0 10px; /* Horizontālā margu */
}

.links a:hover {
  text-decoration: underline; /* Apakšsvītra peldošajam stāvoklim */
}

.error {
  /* Kļūdu ziņojumu stils */
  color: red; /* Kļūdu krāsa */
  margin-bottom: 10px; /* Apakšējā margu */
}

.success {
  /* Veiksmīgu ziņojumu stils */
  color: green; /* Veiksmīgu ziņojumu krāsa */
  margin-bottom: 10px; /* Apakšējā margu */
}

@media (max-width: 600px) {
  /* Stilizē konteinera izmērus mazākos ekrānos */
  .container {
    padding: 20px; /* Iekšējā atstarpe mazākos ekrānos */
  }
}

