@import url("https://fonts.googleapis.com/css2?family=Andada+Pro:ital,wght@1,500&display=swap");

@media(max-width:640px){
    .section{
      width: 200px;
      position: relative;
      right: 27%;
    }
}

:root {
  --primary-color: #7c3aed;
  --off-white: #f3f4f6;
  --dark-grey: #6b7280;
}

hr {
  margin: 2rem 0rem;
}
body {
  font-family: "Andada Pro", serif;
  margin: 0;
}


.container-center {
  max-width: 600px;
  margin: auto;
}

/* links styling*/

.link {
  text-decoration: none;
  padding: 0.5rem 1rem;
  margin-top: 6rem;
}



/* list styling*/

.list-non-bullet {
  list-style: none;
}

.list-inline {
  display: inline;
  padding: 0rem 0.5rem;
}

/* navigation */

.navigation {
  background-color: var(--primary-color);
  color: white;
  padding: 0.5rem;
  border-radius: 1rem;
}

.navigation .link {
  color: white;
}

.navigation .nav-pills {
  text-align: right;
}

.navigation .link-active {
  font-weight: bold;
}

.section {
    padding: 2rem;
    margin: 1rem 10rem;
    border-radius: 2rem;
}
  
.section h1 {
    text-align: center;
}
  


.footer{
    background-color: var(--primary-color);
    padding: 2rem;
    text-align: center;
    color: white;
    border-radius: 2rem;
}
  
.footer .footer-header{
    font-size: large;
    font-weight: bold;
}
  
.footer .link{
    color: white;
}
  
.footer ul{
    padding-inline-start: 0px
}