/* /* --------------------- Open Props --------------------------- */ */ /**/ /* /* the props */ */ /* @import "https://unpkg.com/open-props"; */ /**/ /* /* optional imports that use the props */ */ /* @import "https://unpkg.com/open-props/normalize.min.css"; */ /* @import "https://unpkg.com/open-props/buttons.min.css"; */ /**/ /* /* ------------------------------------------------------------ */ */ /**/ /* body { */ /* font-family: sans-serif; */ /* text-align: center; */ /* } */ /**/ /* .container { */ /* display: flex; */ /* flex-direction: column; */ /* justify-content: space-around; */ /* align-items: center; */ /* } */ /**/ /* .container > .container { */ /* border-width: 2px; */ /* border-style: solid; */ /* border-color: gray; */ /* border-radius: 30px; */ /* margin: 0 20px 20px 0; */ /* } */ /**/ /* .box { */ /* background-color: #ffdddddd; */ /* } */ /**/ /* .nav { */ /* display: flex; */ /* flex-direction: row; */ /* justify-content: space-around; */ /* align-items: start; */ /* } */ /**/ /* nav > h1 { */ /* text-align: start; */ /* margin: 0 auto; */ /* padding: 0rem; */ /* } */ /**/ /* .buttons { */ /* display: flex; */ /* justify-content: space-evenly; */ /* } */ /**/ /* h1, */ /* h2, */ /* h3, */ /* h4, */ /* h5, */ /* h6 { */ /* text-align: center; */ /* margin: 0 auto; */ /* padding: 2rem; */ /* } */ /**/ /* p, */ /* button { */ /* margin: var(--size-6); */ /* } */ /**/ /* body > picture, */ /* button { */ /* display: block; */ /* margin-left: auto; */ /* margin-right: auto; */ /* text-align: center; */ /* margin: 2rem; */ /* } */