@import"https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap";*,*::before,*::after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}body{background-color:#f4d04e;font-size:16px;font-family:"Figtree",sans-serif}body main{display:flex;justify-content:center;align-items:center;min-height:100vh}body main .container{background-color:#fff;width:30vw;height:-moz-fit-content;height:fit-content;display:flex;flex-flow:column;gap:2vh;padding:1.6rem;flex-shrink:0;border-radius:1.3rem;box-shadow:.75rem .75rem 0 0 #111}body main .container .article-img{border-radius:1rem}body main .container .title2{background-color:#f4d04e;width:-moz-fit-content;width:fit-content;padding:.5rem 1rem;border-radius:.5rem;color:#111;font-weight:800}body main .container .title{font-weight:800;color:#111;cursor:pointer}body main .container .title:hover{color:#f4d04e;transition:300ms ease-in-out}body main .container .text{color:#6b6b6b;font-weight:500}body main .container figure{display:flex;align-items:center;gap:1vw}body main .container figure figcaption{color:#111;font-weight:800;font-size:large}body footer{margin-top:2%}body footer .attribution{font-size:11px;text-align:center}body footer .attribution a{color:#3e52a3}@media(max-width: 767px){body main .container{width:50vw;flex-shrink:0}}