@import "https://fonts.cdnfonts.com/css/roboto";html,body{scroll-behavior:smooth;--gq-main-color:#0e4f8c;background-color:#f1f1f1;width:100%;margin:0;font-family:Roboto,sans-serif;position:relative}p{line-height:30px}a{color:var(--gq-main-color)}a:has(h2){text-decoration:none}h1{font-size:30px}h2{color:var(--gq-main-color);margin-top:0}hr{border-top:4px solid var(--gq-main-color);margin-top:20px}nav{background-color:var(--gq-main-color);color:#fff;z-index:100;box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;padding:1rem;display:flex;position:sticky;top:0;box-shadow:0 2px 10px #0000008c}nav a{color:#fff;text-decoration:none}nav a:active{color:#000}nav img,.share-container img{width:25px;height:25px}.share-container{flex-wrap:nowrap;justify-content:center;gap:1em;display:flex}.share-container button{border:1px solid var(--gq-main-color);cursor:pointer;border-radius:4px}.share-button{display:flex}.page-title{font-size:20px}.socials{justify-content:center;align-items:center;gap:1rem;display:flex}.socials a{display:flex}.anchor{scroll-margin-top:20px;text-decoration:none}main{padding:10px}.menu{justify-content:center;align-items:center;height:300px;padding-top:50px;display:flex}.menu a{color:#000;text-decoration:none}.card{width:150px;height:250px;box-shadow:none;background-color:#fff;border:1px solid #000;border-radius:4px;flex-direction:column;gap:4px;padding:10px;transition:box-shadow .2s;display:flex}.card:focus-visible,.card:hover{border:2px solid var(--gq-main-color);cursor:pointer;z-index:10;box-shadow:-10px -5px 10px #0000008c}.card img{aspect-ratio:1;object-fit:cover;opacity:.7;border-radius:4px;transition:opacity .2s}.card:hover img{opacity:1}.card0{z-index:4;animation:.2s linear forwards little0;transform:rotate(-4deg)}.card0:hover{animation:.2s linear forwards grow0}@keyframes grow0{0%{transform:rotate(-4deg)}25%{transform:scale(1.05)rotate(-6deg)}50%{transform:scale(1.1)rotate(-4deg)}75%{transform:scale(1.15)rotate(-2deg)}to{transform:scale(1.2)rotate(-4deg)}}@keyframes little0{0%{transform:scale(1.2)rotate(-4deg)}to{transform:rotate(-4deg)}}.card1{z-index:3;margin-bottom:20px;animation:.2s linear forwards little1;transform:rotate(-2deg)}.card1:hover{animation:.2s linear forwards grow1;box-shadow:-5px -2px 5px #0000008c}@keyframes grow1{0%{transform:rotate(-2deg)}25%{transform:scale(1.05)rotate(-4deg)}50%{transform:scale(1.1)rotate(-2deg)}75%{transform:scale(1.15)rotate(0)}to{transform:scale(1.2)rotate(-2deg)}}@keyframes little1{0%{transform:scale(1.2)rotate(-2deg)}to{transform:rotate(-2deg)}}.card2{z-index:2;margin-bottom:20px;animation:.2s linear forwards little2;transform:rotate(0)}.card2:hover{animation:.2s linear forwards grow2;box-shadow:5px -2px 5px #0000008c}@keyframes grow2{0%{transform:rotate(0)}25%{transform:scale(1.05)rotate(0)}50%{transform:scale(1.1)rotate(0)}75%{transform:scale(1.15)rotate(4deg)}to{transform:scale(1.2)rotate(0)}}@keyframes little2{0%{transform:scale(1.2)rotate(0)}to{transform:rotate(0)}}.card3{z-index:3;margin-bottom:20px;animation:.2s linear forwards little3;transform:rotate(5deg)}.card3:hover{animation:.2s linear forwards grow3;box-shadow:5px -2px 5px #0000008c}@keyframes grow3{0%{transform:rotate(2deg)}25%{transform:scale(1.05)rotate(0)}50%{transform:scale(1.1)rotate(2deg)}75%{transform:scale(1.15)rotate(4deg)}to{transform:scale(1.2)rotate(2deg)}}@keyframes little3{0%{transform:scale(1.2)rotate(2deg)}to{transform:rotate(2deg)}}.card4{z-index:4;animation:.2s linear forwards little4;transform:rotate(4deg)}.card4:hover{animation:.2s linear forwards grow4;box-shadow:10px -5px 10px #0000008c}@keyframes grow4{0%{transform:rotate(4deg)}25%{transform:scale(1.05)rotate(6deg)}50%{transform:scale(1.1)rotate(4deg)}75%{transform:scale(1.15)rotate(2deg)}to{transform:scale(1.2)rotate(4deg)}}@keyframes little4{0%{transform:scale(1.2)rotate(4deg)}to{transform:rotate(4deg)}}.title{color:var(--gq-main-color);flex-grow:1;font-weight:700}.description{flex-grow:1}.goToTopButton{float:right;position:sticky;bottom:1rem;right:1rem}.goToTopButton img{border:1px solid #000;border-radius:4px;width:25px;height:25px;padding:10px}.raw-ul{margin:0;padding:0;list-style:none}.books{flex-direction:column;gap:60px;display:flex}li{line-height:30px}.pitch{font-size:16px}.work-container{align-items:center;gap:20px;list-style:none;display:flex}.book-info{flex-direction:column;justify-content:space-evenly;align-self:stretch;display:flex}.cover{max-width:200px;max-height:400px}.order-button{background-color:#fff;border:1px solid #000;border-radius:4px;width:fit-content;padding:8px;font-weight:700;text-decoration:none;box-shadow:1px 1px 5px #0000008c}.order-button:hover{box-shadow:5px 5px 10px #0000008c}.project{line-height:30px}.blog{justify-content:center;width:100%;display:flex}.blog-content{flex-flow:column;align-self:center;width:80%;display:flex}#current-post{border:1px solid var(--gq-main-color);border-radius:8px;align-self:center;width:100%;margin-bottom:1em;padding:1em}#posts-list>li{cursor:pointer}.post-date{font-size:12px;font-style:italic}@media (max-width:700px){.menu{flex-direction:column;gap:4px;height:auto;margin:0 16px;padding-top:0;display:flex}.card{flex-direction:row;width:100%;height:auto;z-index:1!important;margin:0!important;transition:none!important;animation:none!important;transform:none!important}.card img{display:none}.work-container{flex-direction:column}.blog-content{width:100%;margin:1em}}