@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap');

@font-face {
    font-family: 'Tomato-Round-Condensed';
    src:url('../fonts/Tomato-Round-Condensed.ttf.woff') format('woff'),
        url('../fonts/Tomato-Round-Condensed.ttf.svg#Tomato-Round-Condensed') format('svg'),
        url('../fonts/Tomato-Round-Condensed.ttf.eot'),
        url('../fonts/Tomato-Round-Condensed.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}


body {
  font-family: "Lora", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color:#424242;
}


h1 {
    font-family: 'Tomato-Round-Condensed';    
}

h2, h3 {
    font-family: 'Tomato-Round-Condensed';
    font-size: 1.25rem;
    font-weight: 800;
}

.nav-link {
    color: #424242;
    font-weight: bold;
}

.nav-link:focus, .nav-link:hover {
    color: #e16048;
}

.list-group-item {
    border: 0;
}

.social {
    font-size: 0.925rem;
    border-radius: 50%;
    background: #333333;
    color: white;
    padding: 0.29rem 0.5rem;
}

.nav-link .social:hover {
    background: #e16048;
}

.card {
    border:0;
}

.nav-link.active {
    text-decoration: underline;
}

@media only screen and (max-width: 780px) { 

    .nav {
        font-size: 0.7rem;
        --bs-nav-link-padding-y: 0.5rem;
    }    
    
    .nav-link {
        padding: 0.25rem;
    } 
    
    h2 {
        text-align: center;
    }
    
    .social {
        font-size: 0.725rem;
        padding: 0.1rem 0.3rem;
    }
    
    .pau-icon {
        margin: 0 auto;
    }
    
}