*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/*MAIN*/

.content-three{
    max-width:100%;
    height:auto;
    width: auto;
    padding: 2%;
    text-align: center;
    background-color: white;
}

.content-module{
    max-width:100%;
    height:auto;
    width: auto;
    padding: 1%;
    text-align: center;
}


.content-module h1,h2,p{
    text-align: center;
    color: chartreuse;
    text-shadow: 2px 2px #FF0000;
    font-family: pixelgg;
    font-size: 3em;
}


/*INICIO*/

.index {
    background-color: transparent;
    margin: auto;
    height: 100%;
    width: 100%;
    padding: 20px;
    text-align: center;
    border-radius: 50px;
    color:fuchsia;
}

.index img{
    width:auto;
    max-width:100%;
    height:auto;
}
h4{
    text-align: center;
}

input{
    border-radius:4px;
    border-color:#FF00FF;
    background-color: black;
    color: greenyellow;
}
#enviar{
    text-align: center;
    margin-left: 165px;
    padding: 5px;
}
#reset{
    text-align: center;
    margin-left: 153px;
    padding: 3px;
}
#texto{
    background-color: black;
    color: greenyellow;
    border-color:#FF00FF;
}
#box{
    text-align: center;
    margin-left: 40px;
    background-color: black;
    color: greenyellow;
}
select{
    background-color: black;
    color: greenyellow;
}


/*Footer*/

footer{
    margin-top: 100px;
    padding-bottom:50px;
    padding:35px;
    text-align: center;
    background: #141414;
}



.icon-twitter, .icon-facebook, .icon-instagram{
    text-align: center;
    margin: 20px;

}

.icon-twitter:hover, .icon-facebook:hover, .icon-instagram:hover{
    cursor: pointer;
}

@media screen and (max-width:300px){
    
.icon-twitter, .icon-facebook, .icon-instagram{
text-align: center;
margin: 5px;

}
}