h1 {
  color: white;
  background-color: #000000;
}

.grade9 {
  border-style: solid;
  border-color: #c1dafa;
  -webkit-box-shadow: 0px 0px 9px 5px #c9ddff;
  box-shadow: 0px 0px 9px 5px #c9ddff;
  font-family: Times New Roman;
  outline: 2px dashed #1c6ea4;
  outline-offset: 0px;
}

h2 {
  border-style: solid;
  border-width: 2px;
  border-color: navy;
  border-radius: 10px;
}

.intro1 {
  color: #ffffff;
  background: -moz-linear-gradient(top, #00cddb 0%, #2388cb 50%, #144e75 100%);
  background: -webkit-linear-gradient(
    top,
    #00cddb 0%,
    #2388cb 50%,
    #144e75 100%
  );
  background: linear-gradient(to bottom, #00cddb 0%, #2388cb 50%, #144e75 100%);
}

.Aboutme {
  border-style: solid;
  border-color: #c1dafa;
  outline: 7px double #1c6ea4;
  outline-offset: 8px;
  font-family: Georgia, serif;
  font-size: 17px;
  letter-spacing: -0.4px;
  word-spacing: 2.4px;
  color: #000000;
  font-weight: normal;
  text-decoration: underline solid rgb(68, 68, 68);
  font-style: italic;
  font-variant: normal;
  text-transform: none;
}

.intro2 {
  color: white;
  background: #000000
    url("https://www.mccormick.northwestern.edu/images/news/2023/07/what-does-a-twinkling-star-sound-like-take-a-listen-header.jpg")
    no-repeat scroll 0% 10%;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 16px;
  letter-spacing: -0.4px;
  word-spacing: 1.6px;
  font-weight: 400;
  text-decoration: none solid rgb(68, 68, 68);
  font-style: italic;
  font-variant: normal;
  text-transform: none;
  opacity: 0.7;
}
/*39*/

.projects {
  border-style: solid;
  border-radius: 15px;
  border-color: #065f7a;
  font-family: "Lucida Console", Monaco, monospace;
  font-size: 20px;
  letter-spacing: -0.8px;
  word-spacing: 3.2px;
  color: #000000;
  font-weight: 400;
  text-decoration: overline solid rgb(68, 68, 68);
  font-style: italic;
  font-variant: normal;
  text-transform: none;
}

.proname {
  color: #757d00;
}

.Testimonials {
  color: #edff2b;
  background: #000000
    url("https://www.mccormick.northwestern.edu/images/news/2023/07/what-does-a-twinkling-star-sound-like-take-a-listen-header.jpg")
    no-repeat scroll 0% 10%;
}
/*55*/

.t1 {
  color: #a10000;
  background-color: white;
}
.t2 {
  color: #bd3f00;
  background-color: white;
}
.t3 {
  color: #e86c00;
  background-color: white;
}
.t4 {
  color: #c96f00;
  background-color: white;
}
.t5 {
  color: #a69500;
  background-color: white;
}
.t6 {
  color: #8aa600;
  background-color: white;
}
.t7 {
  color: #5b6919;
  background-color: white;
}
.t8 {
  color: #4d5235;
  background-color: white;
}
.t9 {
  color: #494554;
  background-color: white;
}
.t10 {
  color: #685699;
  background-color: white;
}
.t11 {
  color: #8972db;
  background-color: white;
}
.t12 {
  color: #727bdb;
  background-color: white;
}
.t13 {
  color: #729edb;
  background-color: white;
}
.t14 {
  color: #72badb;
  background-color: white;
}
.t15 {
  color: #72cddb;
  background-color: white;
}
.skills {
  color: #edff2b;
  background: #000000
    url("https://www.mccormick.northwestern.edu/images/news/2023/07/what-does-a-twinkling-star-sound-like-take-a-listen-header.jpg")
    no-repeat scroll 30% 80%;
}
/*87*/
.s1 {
  background: #14a48d;
  background: -moz-linear-gradient(left, #14a48d 0%, #2388cb 50%, #753e6e 100%);
  background: -webkit-linear-gradient(
    left,
    #14a48d 0%,
    #2388cb 50%,
    #753e6e 100%
  );
  background: linear-gradient(to right, #14a48d 0%, #2388cb 50%, #753e6e 100%);
}
.s2 {
  background: #3185a4;
  background: -moz-linear-gradient(left, #3185a4 0%, #5ccb7a 50%, #fffe00 100%);
  background: -webkit-linear-gradient(
    left,
    #3185a4 0%,
    #5ccb7a 50%,
    #fffe00 100%
  );
  background: linear-gradient(to right, #3185a4 0%, #5ccb7a 50%, #fffe00 100%);
}
.s3 {
  background: #7d5ea4;
  background: -moz-linear-gradient(left, #7d5ea4 0%, #92cb5a 50%, #ffa024 100%);
  background: -webkit-linear-gradient(
    left,
    #7d5ea4 0%,
    #92cb5a 50%,
    #ffa024 100%
  );
  background: linear-gradient(to right, #7d5ea4 0%, #92cb5a 50%, #ffa024 100%);
}
.s4 {
  background: #3591a4;
  background: -moz-linear-gradient(left, #3591a4 0%, #b7cb6a 50%, #ff531f 100%);
  background: -webkit-linear-gradient(
    left,
    #3591a4 0%,
    #b7cb6a 50%,
    #ff531f 100%
  );
  background: linear-gradient(to right, #3591a4 0%, #b7cb6a 50%, #ff531f 100%);
}
.s5 {
  background: #5ea484;
  background: -moz-linear-gradient(left, #5ea484 0%, #cb922f 50%, #ff5f5f 100%);
  background: -webkit-linear-gradient(
    left,
    #5ea484 0%,
    #cb922f 50%,
    #ff5f5f 100%
  );
  background: linear-gradient(to right, #5ea484 0%, #cb922f 50%, #ff5f5f 100%);
}

/*107*/
.courses {
  text-align: center;
}
.c1 {
  color: #bf50ab;
  font-family: Impact, Charcoal, sans-serif;
  font-size: 16px;
}
.c2 {
  color: #a63791;
  font-family: Impact, Charcoal, sans-serif;
  font-size: 16px;
}
.c3 {
  color: #7737a6;
  font-family: Impact, Charcoal, sans-serif;
  font-size: 16px;
}
.c4 {
  color: #573080;
  font-family: Impact, Charcoal, sans-serif;
  font-size: 16px;
}
.c5 {
  color: #3e3080;
  font-family: Impact, Charcoal, sans-serif;
  font-size: 16px;
}
.c6 {
  color: #3e3080;
  font-family: Impact, Charcoal, sans-serif;
  font-size: 16px;
}
.c7 {
  color: #32558a;
  font-family: Impact, Charcoal, sans-serif;
  font-size: 16px;
}
.c8 {
  color: #3774a6;
  font-family: Impact, Charcoal, sans-serif;
  font-size: 16px;
}
.c9 {
  color: #3a9cba;
  font-family: Impact, Charcoal, sans-serif;
  font-size: 16px;
}
.c10 {
  color: #3abab2;
  font-family: Impact, Charcoal, sans-serif;
  font-size: 16px;
}

.Gallery {
  color: #edff2b;
  background: #000000
    url("https://www.mccormick.northwestern.edu/images/news/2023/07/what-does-a-twinkling-star-sound-like-take-a-listen-header.jpg")
    no-repeat scroll 30% 80%;
  text-decoration: underline solid rgb(68, 68, 68);
  font-style: italic;
  font-variant: normal;
}

.contact {
  color: #edff2b;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 20px;
  background: #000000
    url("https://www.mccormick.northwestern.edu/images/news/2023/07/what-does-a-twinkling-star-sound-like-take-a-listen-header.jpg")
    no-repeat scroll 30% 80%;
  text-decoration: underline solid rgb(68, 68, 68);
  font-style: italic;
  font-variant: normal;
}

.co1 {
  color: #ba3aa7;
}
.co2 {
  color: #ba3a6b;
}
.co3 {
  color: #ba3a44;
}
.co4 {
  color: #ba563a;
}
.co5 {
  color: #c98e3a;
}
body {
  background: #e1eaf5;
}