/*********

   FONTES

*********/


@font-face
{ 
font-family:Pixel;
src: url('https://files.catbox.moe/kyguk9.ttf'),
url('Pixel.ttf');
}

@font-face {
    font-family: 'Homemade Apple';
    font-style: normal;

    src: url(https://fonts.gstatic.com/s/homemadeapple/v22/Qw3EZQFXECDrI2q789EKQZJob0x6XHg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

  @font-face {
    font-family: 'IM Fell English';
    font-style: italic;
    src: url(https://fonts.gstatic.com/s/imfellenglish/v14/Ktk3ALSLW8zDe0rthJysWrnLsAzHFZOafYs.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

/*********

   PRINCIPAL

*********/

body {
	background-color: #f8d9e8;
	color: rgb(27, 30, 30);
	font-family: Pixel;
	font-size: 16px;
    padding: 60px;
}

h1, h2 {
    font-family: Homemade Apple;
    }
    
h3, h4, h5, h6 {
        font-family: IM Fell English;
        font-style: italic;
    }
    
::selection {
        background-color: rgb(0, 0, 0);
        color: white;
      }
    
mark { 
        color: rgb(27, 30, 30);
        padding: 2px 5px;
        background: white;
      }

a {
    font-weight: bold;
    text-decoration: none;
    color: rgb(27, 30, 30);
}
  
hr {
  border-top: 1px black dotted;
}

/*********

LISTAS

*********/

ul {
    margin-top: 12px;
    margin-left: -30px;
    list-style-type: none;
}

li {
    margin-bottom: 10px;
}

/*********

HEADER

*********/

header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 5px;
}

.links ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.links li {
	display: inline;
	margin-left: 6px;
}

nav a {
    display: inline;
    font-weight: normal;
    margin: 5px;
    color: rgb(27, 30, 30);
    text-decoration: none;
    font-style: italic;
    padding: 2px 5px;
    background: white;
    }

/*********

GALERIAS

*********/

.gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    align-items: center;
  }
  
  .gallery img {
    width: 100%;
    max-width: 250px;
    height: auto;
  }
  
  .nails {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
    align-items: center;
  }
  
  .nails img {
    width: 190px;
    height: 190px;
    object-fit: cover;
    margin: 2px;
  }
  
  .inner-img {
    float: left;
    width: 200px;
    margin: 20px;
  }