

  h1 {
    font-size: 60px;
    text-align: center;
    color: aliceblue;
    
  }
  header {
    height: 150px ;
    margin: 0 auto;
    background-color: rgb(52, 15, 153);
    padding: 10px 20px 20px 20px ;
    font-family: Verdana, Geneva, sans-serif;
  }   

  nav{
    display: flex;
    flex-direction: column;
    background-color: rgb(160, 148, 231);
    min-height: 95vh;
  }

  nav a{
    background-color: rgb(173, 102, 214);
    color: azure;
    padding: 1em;
    margin: 0.3em;
    text-align: center;
    border: 2px black;
    font-size: larger;
    text-decoration: none solid white;
    font-family: Verdana, Geneva, sans-serif;
  }

  nav a:hover {
   background-color: antiquewhite;
   color: black;
   text-decoration: none solid black;
  }

  .col2{
    display: grid;
    grid-template-columns: 1fr 6fr ;
  }

 p {
  padding: 100;
 }

footer{
  background-color:rgb(52, 15, 153);
  color: white;
  margin: 0;
  min-height: 80px;
  padding: 2em;
}

.main-text{
  padding: 2em;
}

.main-text h1{
color: black;
}

.sub-para{
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 2em;
}

.sub-para2{
  display: flex;
  flex-direction: column;
}

.sub-para img{
  max-width: 100%;
}

.me{
text-align: center;
}

.me h1{
 color: black;
}

.me img{
  max-width: 100%;
}

.cv-links{
  display: flex;
  flex-direction: column;
}

.cv-links a{
  background-color: rgb(173, 102, 214);
  color: azure;
  padding: 1em;
  margin: 0.3em;
  text-align: center;
  border: 2px black;
  font-size: larger;
  text-decoration: none solid white;
  font-family: Verdana, Geneva, sans-serif;
}

.cv-links a:hover {
  background-color: antiquewhite;
  color: black;
  text-decoration: none solid black;
 }

.Portfolio {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1em;
}

.Portfolio img {
  padding: 5px;
  max-width: 100%;
}

.sub-info{
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 2em;
}

.sub-info p{
  padding: 5px;
}

.sub-info h1{
  color: black;
}

.Skills {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.Skills h2{
  padding: 10px;
  text-shadow: -7px 5px 0px rgba(28,110,164,0.47);
}

.sub-paragraph{
  display: grid;
  gap: 2em;
}