@import"https://fonts.googleapis.com/css2?family=Roboto&display=swap";@import"https://fonts.googleapis.com/css2?family=Merriweather&family=Roboto&display=swap";@import"https://fonts.googleapis.com/css2?family=Fira+Code&display=swap";:root{font-family:Work Sans,sans-serif}body{margin:0}.skip-link{position:absolute;top:-100%;left:0;padding:.75rem 1rem;background:#296c85;color:#fff;text-decoration:none;font-weight:600;z-index:100;transition:top .2s}.skip-link:focus{top:0;outline:2px solid #3895b7;outline-offset:2px}.container{margin:0 7rem}.nav{padding:0 15px;border-bottom:2px solid #e9e9e9}.nav__wrapper{display:grid;grid-template-columns:250px 4fr 2fr;align-items:center;padding:10px 20px}.nav__logo a{text-decoration:none;color:#061014}.nav__logo h1{margin:0}.nav__search{display:flex;justify-content:center;align-items:center}.nav__search input{padding:10px;border:1px solid #ddd;border-radius:10px;font-weight:500;font-size:1rem;width:80%;margin:0 10px}.nav__search input:focus-visible{outline:2px solid #296c85}.nav__search button{padding:10px;border:1px solid #ddd;border-radius:10px;font-weight:500;font-size:1rem;cursor:pointer;background-color:#296c85;color:#fff}.nav__search button:hover,.nav__search button:focus-visible{background-color:#061014}.nav__links{display:flex;justify-content:end;gap:10px}.nav__links a{text-decoration:none;color:#000;margin:0 10px;font-weight:500}.nav__links a:hover,.nav__links a:focus-visible{color:#296c85}.latest{margin-top:5rem;display:grid;grid-template-columns:3fr 1.5fr;gap:15px}.latest a{text-decoration:none;color:#061014}.latest__post .card{border-radius:5px;border:2px solid #e9e9e9;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:1fr .5fr;gap:20px}.latest__post .card__image{grid-column:span 5;width:100%;height:350px;object-fit:cover;border-radius:5px 5px 0 0}.latest__post .card__title{grid-column:span 3;padding:10px}.latest__post .card__title h2{font-size:3rem;margin:0}.latest__post .card__details{grid-column:span 2;display:flex;justify-content:space-between;padding:10px}.latest__post .card__details .text{line-height:1.5;font-size:1.2rem}.latest__post .card__details .text p{margin-top:0}.latest__post .card__details .actions button{padding:15px;border:1px solid #ddd;border-radius:5px;font-weight:500;font-size:1.2rem;cursor:pointer;background-color:#296c85;color:#fff}.latest__post .card__details .actions button:hover,.latest__post .card__details .actions button:focus-visible{background-color:#061014}.latest__newly-added{display:flex;flex-direction:column;gap:20px}.latest__newly-added h2{margin-top:0}.latest__newly-added .card{border-radius:5px;border:2px solid #e9e9e9;display:grid;grid-template-columns:repeat(3,1fr);place-items:center;gap:10px;text-decoration:none}.latest__newly-added .card:hover,.latest__newly-added .card:focus-visible{color:#296c85;cursor:pointer}.latest__newly-added .card:hover img,.latest__newly-added .card:focus-visible img{opacity:.6;-webkit-animation:flash 1.5s;animation:flash 1.5s}.latest__newly-added .card img{width:100%;height:100%;grid-column:span 1;object-fit:cover;border-radius:5px 0 0 5px}.latest__newly-added .card .details{grid-column:span 2;padding:20px 10px}.latest__newly-added .card .details h3,.latest__newly-added .card .details p{margin-top:0;grid-column:span 2;grid-row:span 1;margin-bottom:6px}.articles__section{margin-top:5rem;display:grid;grid-template-columns:1fr 4fr;gap:20px}.articles__section a{text-decoration:none;color:#061014}.articles__section .categories__title{margin-left:10px}.articles__section .categories .category-group{top:0;position:sticky;display:flex;flex-direction:column;gap:10px;align-items:start}.articles__section .categories .category-group a{padding:10px;background-color:transparent;color:#061014;border:none;cursor:pointer;border-radius:5px;font-weight:500;font-size:1.1rem}.articles__section .categories .category-group a:hover,.articles__section .categories .category-group a:focus-visible{background-color:#e8f3f8}.articles__section .categories .category-group a span{color:#296c85}.articles__section .article-list .article-bar{border-bottom:2px solid #e9e9e9;margin-bottom:10px}.articles__section .article-list .article-bar h2{margin:8px 0}.articles__section .article-list .wrapper{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.articles__section .article-list .wrapper .article-item{border-radius:5px;border:2px solid #e9e9e9;display:grid;grid-template-columns:1fr;grid-template-rows:2fr 1fr;place-items:center;gap:10px;height:286px}.articles__section .article-list .wrapper .article-item:hover,.articles__section .article-list .wrapper .article-item:focus-visible{color:#296c85;cursor:pointer}.articles__section .article-list .wrapper .article-item:hover img,.articles__section .article-list .wrapper .article-item:focus-visible img{opacity:.6;-webkit-animation:flash 1.5s;animation:flash 1.5s}.articles__section .article-list .wrapper .article-item img{width:100%;height:100%;grid-row:span 2;object-fit:cover;border-radius:5px 5px 0 0}.articles__section .article-list .wrapper .article-item .details{grid-column:span 1;padding:20px 10px}.articles__section .article-list .wrapper .article-item .details h3,.articles__section .article-list .wrapper .article-item .details p{margin-top:0;grid-column:span 2;grid-row:span 1;margin-bottom:6px}footer{height:20vh;display:grid;place-items:center;text-align:center}.post__item{display:grid;grid-template-columns:1fr 4fr 1fr;gap:2rem}.contact-page{margin-top:2rem;display:flex;justify-content:center}.contact-page__info{flex:1;padding:1rem;border:2px solid #e9e9e9;border-radius:1rem}.contact-page__form{padding:1rem;display:flex;width:60%;margin:0 center}.contact-page__form form{width:100%;gap:2rem;display:flex;flex-direction:column;align-items:center;padding:1rem}.contact-page__form form>div{width:100%;display:flex;flex-direction:column;gap:1rem}.contact-page__form form .grouped-input{display:flex;flex-direction:row;gap:2rem}.contact-page__form form .grouped-input>div{display:flex;flex-direction:column;width:50%;gap:1rem}.contact-page__form form input,.contact-page__form form textarea{padding:10px;border:1px solid #ddd;border-radius:10px;font-weight:500;font-size:1rem;resize:none}.contact-page__form form input:focus-visible,.contact-page__form form textarea:focus-visible{outline:2px solid #296c85}.contact-page__form form .form__actions{text-align:center;display:flex;flex-direction:row;justify-content:center}.contact-page__form form .form__actions button{padding:1rem 2rem;border:1px solid #ddd;border-radius:10px;font-weight:600;font-size:1.1rem;cursor:pointer;background-color:#296c85;color:#fff}.contact-page__form form .form__actions button:hover,.contact-page__form form .form__actions button:focus-visible{background-color:#061014}.post__item{margin-top:1rem;display:grid;grid-template-columns:1fr 680px 1fr;gap:2rem}.post__item .wrapper{grid-column:2/3}.post__item .md__header{margin-top:1.5rem;padding:1rem 0;margin-top:1rem;display:flex;flex-direction:column;justify-content:center;font-family:Roboto,Georgia,Times New Roman,Times,serif}.post__item .md__header h2{font-size:42px;margin:0}.post__item .md__header__image{width:100%;height:500px}.post__item .md__content{font-family:Georgia,Times New Roman,Times,serif;font-size:1.2rem;line-height:2;font-weight:300}.post__item .md__content p>code{background:orange;padding:5px;border-radius:4px}.post__item .md__content pre{border:1px solid #cce6ef;border-radius:6px;padding:10px;font-size:.9rem;font-family:Fira Code,monospace}.post__item .md__content .copy-code{position:absolute;top:6px;right:6px;background-color:#ddd;padding:.25rem .5rem;font-size:.75rem;line-height:1rem;border-radius:.375rem;border:1px solid #ddd;cursor:pointer}.post__item .md__content .copy-code:hover{background-color:#b4c0be}.post__item .md__content table{font-size:1rem}.post__item .md__content table thead{background-color:#e8e8e8;border-bottom:1px solid #e1e1e1}.post__item .md__content table thead th{text-align:left;padding:5px}.post__item .md__content table tbody{padding:5px}.post__item .md__content table tbody tr:nth-child(2n){background-color:#e9e9e9}.post__item .md__content table tbody tr td{padding:.5rem}@media (max-width: 630px){.nav__wrapper{display:flex;flex-direction:column;align-items:center;padding:10px 20px}.nav__wrapper .nav__links{display:flex;flex-direction:column;margin-top:1rem;text-align:center}.container{margin:0;padding:10px 5px}.latest{margin-top:1rem;display:flex;flex-direction:column}.latest__post .card__details{display:flex;flex-direction:column;align-items:center}.latest__post .card__details .actions button{width:100%;padding:15px;border:1px solid #ddd;border-radius:5px;font-weight:500;font-size:1.2rem;cursor:pointer;background-color:#296c85;color:#fff}.latest__post .card__details .actions button:hover,.latest__post .card__details .actions button:focus-visible{background-color:#061014}.latest__newly-added{display:flex;flex-direction:column;gap:20px}.latest__newly-added h2{margin-top:0}.latest__newly-added .card{border-radius:5px;border:2px solid #e9e9e9;display:grid;grid-template-columns:repeat(3,1fr);place-items:center;gap:10px;text-decoration:none}.latest__newly-added .card:hover,.latest__newly-added .card:focus-visible{color:#296c85;cursor:pointer}.latest__newly-added .card:hover img,.latest__newly-added .card:focus-visible img{opacity:.6;-webkit-animation:flash 1.5s;animation:flash 1.5s}.latest__newly-added .card img{width:100%;height:100%;grid-column:span 1;object-fit:cover;border-radius:5px 0 0 5px}.latest__newly-added .card .details{grid-column:span 2;padding:20px 10px}.latest__newly-added .card .details h3,.latest__newly-added .card .details p{margin-top:0;grid-column:span 2;grid-row:span 1;margin-bottom:6px}.articles__section{margin-top:1rem;display:flex;flex-direction:column}.articles__section a{text-decoration:none;color:#061014}.articles__section .categories__title{text-align:center}.articles__section .categories .category-group{align-items:center}.articles__section .article-list .article-bar{text-align:center}.articles__section .article-list .wrapper{display:flex;flex-direction:column;gap:20px}.post__item{display:flex;flex-direction:column;gap:2rem}.post__item .wrapper{width:100%;padding:1rem}}@media (max-width: 768px){.container{margin:0 auto;padding:10px 5px}.latest{margin-top:1rem}.latest__post .card,.latest__post .card__details{display:flex;flex-direction:column;align-items:center}.latest__post .card__details .actions button{width:100%;padding:15px;border:1px solid #ddd;border-radius:5px;font-weight:500;font-size:1.2rem;cursor:pointer;background-color:#296c85;color:#fff}.latest__post .card__details .actions button:hover,.latest__post .card__details .actions button:focus-visible{background-color:#061014}.latest__newly-added{display:flex;flex-direction:column;gap:20px}.latest__newly-added h2{margin-top:0}.latest__newly-added .card{display:flex;flex-direction:column}.latest__newly-added .card:hover,.latest__newly-added .card:focus-visible{color:#296c85;cursor:pointer}.latest__newly-added .card:hover img,.latest__newly-added .card:focus-visible img{opacity:.6;-webkit-animation:flash 1.5s;animation:flash 1.5s}.latest__newly-added .card img{width:100%;height:100%;grid-column:span 1;object-fit:cover;border-radius:5px 5px 0 0}}@media (min-width: 768px) and (max-width: 1024px){.container{margin:0 2rem;padding:10px 5px}}