body {
   background-color: rgb(39, 38, 38);
   color: antiquewhite;
   font-family: "Bree Serif", serif;
}

.heading {
   margin-top: 0 !important;
}

.outputText {
   margin-left: 5px;
}

.output {
   margin: 5px;
   height: 200px;
   border-radius: 20px;
}
#para {
   margin-left: 5px;
   color: black;
   font-size: 20px;
   font-family: serif;
}

.footer {
   width: 100%;
   height: 35px;
   position: absolute;
   background-color: antiquewhite;
}

.copyRight {
   color: rgb(39, 38, 38);
   position: absolute;
   transform: translateX(-100%);
   bottom: 0;
}
.githubLogo {
   position: absolute;
   bottom: 0;
}

.img {
   height: 400px;
   width: auto;
}
.img .img1 {
   margin-top: 15px;
}

@media only screen and (max-width: 600px) {
   .img {
      width: 100%;
      height: auto;
   }
}