body {
    background-color: #08080a; 
    
    /* Dva zářící body: první je modrý vlevo nahoře, druhý červeno-oranžový vpravo nahoře */
    background-image: 
        radial-gradient(circle at 0% 0%, rgba(17, 43, 85, 0.5) 0%, transparent 50%),
        radial-gradient(circle at 100% 0%, rgba(255, 96, 0, 0.2) 0%, transparent 45%);
    
    /* Toto zajistí, že záře zůstane na místě, i když uživatel scrolluje dolů */
    background-attachment: fixed;
    
    /* Pro jistotu, aby nevznikal zbytečný horizontální scrollbar */
    overflow-x: hidden;
}

.block {
    background-color: rgba(25, 25, 25, 0.2); 
    
    /* Přidá efekt matného skla - rozmaže to, co je za blokem */
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px); /* Podpora pro Safari */
    
    border: 1px solid #3a3a3a;
    border-radius: 10px;
    padding: 16px;
}

.skill-bg {
    background-color: #282828;
    border-radius: 9999px;
}

.input {
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
  font-weight: 500;
  font-size: .8vw;
  color: #fff;
  background-color: rgb(28,28,30);
  box-shadow: 0 0 .4vw rgba(0,0,0,0.5), 0 0 0 .15vw transparent;
  border-radius: 0.4vw;
  border: none;
  outline: none;
  padding: 0.4vw;
  max-width: 200px;
  transition: .4s;
}

.input:hover {
  box-shadow: 0 0 0 .15vw rgb(28,28,30);
}

.input:focus {
  box-shadow: 0 0 0 .10vw skyblue;
}

.project-block {
    background-color: transparent;
    border-radius: 10px;
    border: 1px solid #3f3f3f;
    border-radius: 10px;
    padding: 16px;
}