body{
background-color: black;
color: white;
}
h1{
text-align:center;
}
h2{
text-align:center;
}
h3{
text-align: center;
color: white;
}
#button{
background-color: red;
border-radius: 18px;
opacity: 0.5;
border-style: solid;
border-color: white;
color: black;
text-align: center;
font-size: 20px;
font-weight: bold;
width: 150px;
cursor: pointer;
}
#tb{
margin-left: 10%;
margin-right: 10%;
border: 1px solid;
border-color: white;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
color: white;
font-size: 17px;
font-style: italic;
font-weight: normal;
}
#img{
width:100%;
height: auto;
}

#tarea{
height: 100px;
width: 200px;
background-color: red;
opacity: 0.5;
border-radius: 18px;
border-style: solid;
border-color: white;
font-size: 15px;
font-style: italic;
font-weight: bold;
}
#inp{
width: 200px;
background-color: red;
opacity: 0.5;
border-radius: 18px;
border-style: solid;
border-color: white;
font-size: 15px;
font-style: italic;
font-weight: bold;
}

#inpbutton{
width: 200px;
background-color: red;
opacity: 0.5;
border-radius: 18px;
border-style: solid;
border-color: white;
font-size: 15px;
font-style: italic;
font-weight: bold;
cursor: pointer;
}
#tab{
border-spacing: 10px;
font-size: 15px;
font-style: italic;
font-weight: normal;
}
a:link{
color: white;
font-size: 17px;
font-style: italic;
font-weight: bolt;
cursor: pointer;
text-decoration: underline;
}
