html *{margin:0;padding:0;box-sizing:border-box}a,header{color:#fff}header{text-align:center;width:100%;height:100px;background-color:#2c2c54;display:flex;justify-content:center;align-items:center;box-shadow:3px 3x 10px #121212;position:fixed;z-index:100}header img{width:100px;height:100px;margin-left:30px}.pen{width:100%;background-color:#706fd3;color:#fff;padding-top:100px}.all-pens{width:95%;padding-bottom:30px;margin:30px auto 0;text-transform:uppercase;font-size:25px;display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));grid-column-gap:20px;grid-row-gap:30px}.single-pen{background-color:#34ace0;text-align:center;width:100%;height:100%;box-shadow:3px 3px 20px #121212;border-radius:10px}.single-pen .image{padding:0 10px}.single-pen img{width:100%;margin:30px 0;border-radius:10px;height:80%;box-shadow:4px 4px 10px #2c2c54}.loading{position:relative;background-color:#2c1e1e;width:100%;height:500px;text-align:center;padding-top:50px}.loader{position:absolute;top:40%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:50%;border:5px solid #f3f3f3;border-top-color:#3498db;width:60px;height:60px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}footer{text-align:center;height:100vh;background-color:#121212;color:#fff;display:flex;align-items:center;justify-content:center;font-size:50px;flex-direction:column}footer,footer i{-webkit-transition:.35s;transition:.35s}footer i{font-size:80px}footer i:hover{color:#c32aa3}@media (max-width:600px){footer{font-size:30px}footer i{font-size:50px}}
/*# sourceMappingURL=main.03b43ddd.chunk.css.map */