body {
  background-color:black;
}



#TITLE1{ 
  background-color: rgb(255, 0, 0);
  outline: dotted;
  color: azure;
}

#TITLE2{
  background-color: azure;
  outline:solid;
  color: red
}

div{
  float: left;
  padding: 15px; 
}

#div1 {
  color:azure;
  background: red;
}

#div2 {
  color:rgb(255, 0, 0);
  background: rgb(255, 255, 255);
}

img{
  width: fit-content;
  float: right;
}

input {
  border-style: solid;
  border-color: red;
  border: 10%;
  width: 100%;
  height: 20%;
}

input[type=text] {
  color: rgb(255, 0, 0);
}

p{
  color: azure;
}

div{
  width: 100%;
  background-color: red;
  color: azure ;
}

#divdiv{
  width: 50%;
  float: right;
  background-color: azure;
}

#text2{
  color: black;
}

#div3{
  float:left ;
  background-color: black;
  width: 30%;
}

#text3{
  color: azure;
}

#div4 {
  background-color:azure ;
}

#text5{
  color: rgb(255, 0, 0);
  font-size: x-large;
}