@import "https://unpkg.com/open-props";@import url("https://fonts.googleapis.com/css?family=Black+Ops+One|Oswald");*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{-webkit-margin-after:0;margin-block-end:0}ol[role=list],ul[role=list]{list-style:none}body{line-height:1.5}button,h1,h2,h3,h4,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;color:currentColor}img{max-inline-size:100%;display:block;block-size:auto}button,input,select,textarea{font-family:inherit;font-size:inherit}textarea:not([rows]){min-block-size:10em}:target{scroll-margin-block:5ex}@view-transition{navigation:auto}html{scroll-behavior:smooth;scrollbar-width:thin}.simple-container{max-inline-size:1320px;margin-inline:auto}.fluid-columns{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr));gap:1rem}.resize{resize:horizontal;overflow:auto}.img-responsive{display:block;max-inline-size:100%;block-size:auto}.flow>*+*{-webkit-margin-before:var(--flow-space,1em);margin-block-start:var(--flow-space,1em)}.u-flow>*+*{-webkit-margin-before:var(--space-s);margin-block-start:var(--space-s)}.u-flow--l>*+*{-webkit-margin-before:var(--space-l);margin-block-start:var(--space-l)}.u-flow--s-m>*+*{-webkit-margin-before:var(--space-s-m);margin-block-start:var(--space-s-m)}.sr-only:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);block-size:1px;overflow:hidden;position:absolute;white-space:nowrap;inline-size:1px}body{margin:0;padding:0}.grid-wrapper{max-inline-size:1200px;block-size:100vh;margin:0 auto;padding:1rem;display:grid;grid-template-columns:1fr}@media (min-width:768px){.grid-wrapper{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:1fr 4fr 4fr}}.grid-wrapper header{grid-column:1/-1;grid-row:1/2;display:grid;grid-template-columns:subgrid;grid-template-rows:-webkit-min-content -webkit-min-content;grid-template-rows:min-content min-content}@media (min-width:768px){.grid-wrapper header{grid-column:1/span 12;grid-row:1/2}}.grid-wrapper h1{text-transform:uppercase;-webkit-margin-before:0;margin-block-start:0}.grid-wrapper h1 span{font-family:"Black Ops One",cursive;font-size:3rem;-webkit-padding-start:1rem;padding-inline-start:1rem}.grid-wrapper h1 span:first-child{display:block;inline-size:100%;background-color:black;color:white}@media (min-width:768px){.grid-wrapper h1 span:first-child{inline-size:18rem}}.grid-wrapper h1 span:nth-child(2){display:block;inline-size:100%;background-color:olive;color:black}@media (min-width:768px){.grid-wrapper h1 span:nth-child(2){inline-size:24rem}}.grid-wrapper h2{grid-column:1/-1;grid-row:2/3;color:black}@media (min-width:768px){.grid-wrapper h2{grid-column:9/12;grid-row:1/1}}.grid-wrapper h2 span{display:block;font-family:"Oswald",sans-serif;font-size:1rem}section{grid-column:1/-1;background-color:black;-webkit-margin-after:1rem;margin-block-end:1rem;display:grid;grid-template-columns:subgrid;grid-template-rows:auto 2fr 1fr}@media (min-width:768px){section{grid-column:1/span 12;grid-row:2/3}}.book-number{grid-column:3/4;grid-row:1/2;inline-size:100px;block-size:50px;font-family:"Black Ops One",cursive;text-align:center;font-size:2rem;color:olive;background-color:white;border:0.3rem solid olive}@media (min-width:768px){.book-number{-webkit-margin-start:-20px;margin-inline-start:-20px}}.book-title{grid-column:3/4;grid-row:2/3;font-family:"Oswald",sans-serif;font-size:6rem;text-transform:uppercase;color:olive}.title-definition{grid-column:3/4;grid-row:3/4;inline-size:110px;font-family:"Oswald",sans-serif;font-size:0.8rem;text-transform:lowercase;color:white}footer{grid-column:1/-1;background-color:olive;display:grid;grid-template-columns:subgrid;grid-template-rows:auto}@media (min-width:768px){footer{grid-column:1/span 12;grid-row:3/4}}.footer__motto{block-size:100px;background-color:white;color:black}@media (min-width:768px){.footer__motto{grid-column:1/3;align-self:end}}.footer__motto span{font-family:"Oswald",sans-serif}.footer__motto span:first-child{font-size:1rem;-webkit-margin-before:1rem;margin-block-start:1rem;display:inline-block;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.footer__motto span:nth-child(2){inline-size:10px;-webkit-margin-before:1rem;margin-block-start:1rem;display:inline-block;font-size:10px;font-weight:normal}.footer__logo{grid-column:12/13;align-self:end;padding:1rem;inline-size:100px;background-color:white}