html {
    box-sizing: border-box;
    font-size: 62.5%;
    height: 100%;
}

*, *:before, *:after {
    box-sizing: inherit;
    margin: 0;
    padding: 0;
}

/* Fondo */

body {
    height: 100%;
    margin: 0;
    background-image: linear-gradient(rgb(68,68,68), rgb(0,0,0));
    text-align: center;
    display: flex;

}

/* Logo */

#logo {
    width: 60rem;
}

@media (max-width: 576px) {
    #logo {
        width: 80%;
    }
}

#logo img {
    width: 100%;
}

/* Texto IronVix - 2023 */

h1 {
    color: #fff;
    font-family: 'Rajdhani', sans-serif;
    text-transform: uppercase;
    font-size: 4.5rem;
}

/* Barra */

hr {
    border: 3px solid #fff !important;
    border-radius: 300px/10px !important; 
    height: 0px !important; 
    text-align: center !important;
    width: 50rem;
    max-width: 90%;
    margin-bottom: 3rem;
}

/* Iconos */

#iconos i {
    color: #fff;
    font-size: 4.5rem;
    padding: 0 2rem;
    color: #f3f3f3;
}

/* Hover Iconos */

#facebook:hover {
    color: #3b5998;
}

#linkedin:hover {
    color: #0e76a8
}

#twitter:hover {
    color: #00acee;
}

#instagram:hover {
    background: -moz-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
  background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Icono camara */

.icono-camara {
    position: relative;
}

.icono-camara img {
    position: absolute;
    bottom: 2rem;
    right: 2rem;
    height: 7rem;
    width: auto;
    -webkit-filter: drop-shadow(0px 0px 4px #a0a0a0);
         filter: drop-shadow(0px 0px 4px #a0a0a0);
}

.icono-camara img:hover {
    -webkit-filter: drop-shadow(0px 0px 4px #f80000);
    filter: drop-shadow(0px 0px 4px #f80000);
    cursor: pointer;
}

.boton {
    font-size: 4rem;
    padding: 1rem 3rem;
    font-family: 'Rajdhani', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    color: #a30000;
    background-color: transparent;
    border: 4px solid #a30000;
    margin-bottom: 2rem;
    border-radius: 10px;
}

.boton:hover {
    background-color: #a30000;
    border: 6px solid #fff;
    color: #fff;
    transition: 2s;
}