@font-face { 
  font-family: "Figtree";
  src: 
    url(https://anthonyfontano.pages.dev/Figtree-VariableFont_wght.ttf) format("truetype");
}


body{
    font-family:"Figtree", Arial, Helvetica, sans-serif;

    background-color:#5b008c;
      overflow-x: hidden;
    width: 100%;
}
  /* For best practice, move CSS below to an external CSS file. */
  .nav {
    overflow: hidden; 
align-items:center;
text-align:center;
margin-bottom:2%;
}
  .nav a {
    margin: 10px;
    text-align:center; }

    h1,h2,h3,h4,h5,h6,p,a{

      color:white;
    }

    #hi{
margin-left: 15%;
border: 1px solid white;
width: 70%;
margin-top:0;
width: 90%; /* wider on mobile or something */
max-width: 800px;

    }

    #hi h1, #hi p{

      margin-left:3%;
    }

    #hi h3{

margin-left:3%;

    }
    .card{

      border: 1px solid white;
      width: 100%;
    max-width: 380px; 
    margin-left: 5%;       
      height:300px;
    }
    .imgfit{

      width:100%;
      object-fit: contain;
    }
     .imgfit2{

      width:100%;
      height:150px;
      object-fit: contain;
    }
.centerd{

  text-align:center;
}
    #cards{

      margin-left:5%;
      display:flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap:2rem;
    }
    .nounderline{

      text-decoration:none;
    }
    .imgcenterd{

      display:block;
      margin-left:auto;
      margin-right:auto;
    }


/* https://spencermortensen.com/articles/email-obfuscation/#text-display */
div.email > span:nth-child(5) {
	display: none;
}
div.blurpleapp > span:nth-child(15) {
	display: none;
}

span, .email {
  color:white;
}