@charset "utf-8";

/*
My colors are:
rgb(230, 39, 39) - red
rgb(243, 242, 236) - white
rgb(220, 220, 220) - grey
rgb(30, 147, 171) - blue
*/

/* Define the font */
@font-face {
    font-family: Artificial Intelligence;
    src: url("BBHSansHegarty-Regular.ttf");
}

h1 {
    /* Use the font */
    font-family: Artificial Intelligence; 
    font-size: 50px;
}

/* All test */

* {
    color: rgb(243, 242, 236);
    font-family:Arial, Helvetica, sans-serif; 
}

/* Links */

a:link, a:visited {

   color: rgb(230, 39, 39); 
   text-decoration: none;
}

a:hover, a:active {
   color: rgb(220, 220, 220);  
   text-decoration: underline;
}

img {
  width: 500px;
  height: auto; /* Maintain aspect ratio */
  transform: rotate(1deg);
}


 html, #AI, #robot {
    background-image: url(Artificial\ Intelligence\ background.jpg);

}


img, #Artificial {
    border: 5px solid red;
    border-radius: 7px;
}

 html, #chatbot {
  height: 100%;
  margin: 0;
  padding: 0;
  background-image: linear-gradient(to bottom, blue, white);
}

img, p {
    filter: drop-shadow(8px 9px black);
}

table {
    border-collapse: collapse;
    width: 100%;
}

th, td {
    border: 1px solid black;
    padding: 8px;
    text-align: center;
}

caption {
    font-size: 1.5em;
    margin: 10px;
    font-weight: bold;
}