@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=DM+Serif+Text:ital@0;1&family=Nunito:wght@200;300;500&display=swap');
            * {
                box-sizing: border-box !important;
                margin: 0;
                padding: 0;
            }
            
            header {
                background-color: white;
                color: #fff;
                text-align: center;
                padding: 20px;
            }
            
            h2 {
                font-family: 'Nunito', sans-serif !important;
                line-height: 45px;
                color: #5f89b2;
            }
            
            .titles {
                color: #f2f2f2 !important;
                font-size: 42px;
                line-height: 45px;
            }
            
            .headerone {
                width: 100%;
                background-color: #5f89b2;
                height: 20px;
            }
            
            .bigfont {
                font-family: 'Nunito', sans-serif;
                font-size: 48px;
                font-weight: 1200;
                color: #5f89b2;
            }
            
            h3 {
                font-family: 'Nunito', sans-serif !important;
                color: #333;
            }
            
            p,
            h4,
            h5,
            h6 {
                line-height: 1.6;
                font-family: 'Nunito', sans-serif !important;
                font-weight: 200;
                color: #333;
            }
            /*nav {
    background-color: #f2f2f2;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding: 10px;
}*/
            
            p {
                font-size: 18px;
            }
            
            .textfont {
                font-family: 'Nunito', sans-serif;
                font-weight: 200;
            }
            
            .padding20 {
                padding-right: 30px;
                padding-left: 20px;
            }
            
            .paddingfull {
                width: 100%;
                padding: 0 20px 0 20px!important;
            }
            
            .padding70 {
                display: grid;
                width: 70%;
                padding: 30px!important;
                background-color: #f2f2f2;
                margin-left: auto;
                margin-right: auto;
            }
            
            .paddinginterior {
                display: grid;
                width: 100%;
                padding: 10px!important;
                background-color: #f2f2f2;
            }
            
            nav ul {
                list-style: none !important;
                display: grid;
                grid-template-columns: repeat(5, 1fr);
                grid-gap: 10px;
                padding: 10px;
                align-items: center;
                align-content: center;
            }
            
            nav li {
                list-style: none !important;
                text-align: center;
                border: 1px solid transparent;
            }
            
            nav li .act {
                color: #fff;
            }
            
            nav li .act:hover {
                color: #333;
            }
            
            nav li:hover {
                --angle: 0deg;
                background: linear-gradient(#fff, #fff) padding-box, linear-gradient(45deg, slateblue, coral) border-box;
                animation: 10s rotate linear infinite;
                border: 1px solid transparent;
                border-radius: 10px;
            }
            
            .bold {
                font-family: "Nunito";
                font-weight: 500;
            }
            
            .marginadd {
                margin-top: 10px;
            }
            
            @property --angle {
                syntax: '<angle>';
                initial-value: 0deg;
                inherits: false;
            }
            
            @keyframes rotate {
                to {
                    --angle: 360deg;
                }
            }
            
            nav a {
                font-family: 'Nunito', sans-serif;
                color: #333;
                text-decoration: none;
            }
            
            main {
                display: grid;
                grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
                grid-gap: 20px;
                padding: 20px 0px 20px 0px !important;
            }
            
            .containerinside>div {
                border: 1px solid red;
                margin: 0 2% 0 2%;
            }
            
            section {
                padding: 20px;
            }
            
            footer {
                background-color: #5f89b2;
                color: #fff;
                text-align: center;
                padding: 10px;
            }
            
            .pfont {
                font-family: 'Nunito', sans-serif;
                font-size: 30px;
            }
            
            .pfontcenter {
                font-family: 'Nunito', sans-serif;
                font-size: 30px;
                text-align: center;
            }
            
            .container {
                display: grid;
                grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
                align-items: center;
                grid-gap: 20px 0px 20px 0px;
                background-color: #f2f2f2;
            }
            
            .container-3 {
                display: grid;
                grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
                grid-gap: 20px;
                justify-content: center;
                align-items: center;
            }
            
            .container-2 {
                display: grid;
                align-items: center;
                grid-template-columns: 1fr 1fr;
                background-color: #333;
            }
            
            .containerinside {
                display: grid;
                grid-template-columns: 70% 30%;
                justify-items: center;
            }
            
            .responsiveimg {
                max-width: 100%;
                min-width: 250px;
                max-width: 400px;
                height: auto;
                grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
                grid-gap: 20px;
                justify-content: center;
                align-items: center;
            }
            
            iframe {
                margin: 5px;
                width: 100%;
            }
            
            .card {
                padding: 20px;
            }
            
            ul li {
                list-style: inside;
                font-family: 'Nunito', sans-serif;
                font-weight: 200;
                color: #333;
            }