/*sablonka pre moj cely web.html*/

body{background-color: white;
    color: black;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 1.2em;
    margin: 0;
    padding-top: 70px;
    text-align: center;}
p{margin: 20px 20px 20px 20px 20px;}
/*
nav > a:nth-of-type(1){background-color: rgb(236, 177, 231);}
a:nth-of-type(2){background-color: rgb(236, 177, 231);}
a:nth-of-type(3){background-color: rgb(236, 177, 231);}
a:nth-of-type(4){background-color: rgb(236, 177, 231);}
*/
nav > a {
    text-decoration: none;
    color:black;
    background-color: rgb(236, 177, 231);
    padding: 10px 20px;
    border-radius: 8px;
    font-weight: bold;
    transition: 0.3s;
    font-size: 2rem;
}
nav > a:hover{background-color: rgb(229, 102, 178);
              color: white;}

nav{width: 100%;
    margin-top: 40px;
    display: flex;
    justify-content: center;
    gap: 15px;
    background-color: transparent;}


header{display: flex;
       flex-direction: column;
       color: black;}

@media (max-width: 480px){
    header{display: inline;}
    nav{display: flex;
       flex-direction: column;
       gap:10px;}
    nav > a {border: solid black 3px}
    img{height: 150px;
        width: auto;
        object-fit: cover;}
    body{font-size: 1.1em;
         line-height: 1.6;}
    h1,h2,h3,h4{font-size: 1.3em;}
}
.meno{text-align: center;
      font-size: 1em;
      margin-bottom: 10px;}
h4{text-align: center;}
.ciaravpravo{color:rgb(229, 102, 178);}


img     {width: auto;
        height:250px;
        border:solid; color: pink;
        border-radius: 10px;
        object-fit: cover;
        margin: 0 auto;}
.obr{display: block;
     margin-left: auto;
     margin-right: auto;
     }
.obrazok{display: grid;
         grid-template-columns: repeat(3, 200px);
        gap: 15px;
        justify-content: center;
        margin: 0 auto;
    }
.obrazok img {width: 100%;
              height: auto;
              object-fit: cover;
              border-radius: 10px;
            }
   
a:link{color: rgb(240, 166, 234);
          text-decoration: none;
          font-weight: 900;
        }
    a:hover{color:rgb(237, 173, 224);
           font-size: 1.3em;
           background-color: rgb(234, 228, 228);
        }
.odkaz{color: rgb(229, 102, 178);}
.odkaz:hover{color:rgb(229, 102, 178);}
a{background-color: none;
  text-decoration: none;
  font-weight: bold;}
a:hover
a:active
a:visited
a:focus{background-color: none;}
.nazov{padding: 20px;
       font-size: 2vw;
       background-color: rgb(236, 177, 231);
       width: 100%;
       position: fixed;
       top: 0;
       left: 0;
       z-index: 1000;
       font-weight: bold;
       }
*{margin: 0;
  }
h{font-size: 2vw;}
.skills{display: flex;
        flex-wrap: wrap;
        gap: 40px;
        margin: 20px 0;}
.column{flex: 1 1 300px;}
.column h3{margin-bottom: 10px;
           color: rgb(229, 102, 178);}
.column ul{list-style-position: inside;
           padding-left: 0;}
.footer{background-color: rgb(236, 177, 231);
        text-align: center;
        padding: 8px;
        margin-top: 40px;}