footer{background-color:var(--bs-dark)}footer img{margin:1rem}div .col{padding:0}header{background-color:var(--bs-dark);color:var(--bs-body-bg);padding:1rem 0}.row,h1{margin:0}body{--bs-body-bg:#dfdbd5;--bs-dark:#1d232e;--my-radius:0.75rem}h2{margin-top:.75rem}.flipdiv{position:relative;max-width:400px;max-height:400px;perspective:2000px;margin:1rem auto 3rem;height:calc(100vw - 24px)}.flipdiv.v.clicked .front,.flipdiv.v.flip .front{-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);transform:rotateY(-180deg)}.flipdiv.v.clicked .back,.flipdiv.v.flip .back{-webkit-transform:rotateY(0);-moz-transform:rotateY(0);transform:rotateY(0)}.flipdiv.v .back{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);transform:rotateY(180deg)}.flipdiv .back,.flipdiv .front{position:absolute;width:100%;max-height:400px;box-sizing:border-box;transition:.3s ease-in;background-color:var(--bs-dark);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;display:flex;border-radius:var(--my-radius);height:calc(100vw - 24px)}.fkbtn{color:var(--bs-body-bg);font-size:2rem;margin:auto}img{border-radius:var(--my-radius)}