@import url(https://fonts.googleapis.com/css2?family=Kanit&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{font-family:Kanit,sans-serif}.grid-container{grid-column-gap:70px;grid-row-gap:70px;-webkit-column-gap:70px;column-gap:70px;display:grid;grid-template-columns:auto auto;row-gap:70px;text-align:center}.grid-container .item-container{border:1px solid #f1f1f1;border-radius:7px;box-shadow:5px 5px 10px rgba(0,0,0,.124);height:auto;padding:2rem;width:720px}.item-container h2{margin:1.5rem}.item-container img{border-radius:10px;height:300px;width:600px}.item-container p{font-size:1.2rem;margin-bottom:3rem;margin-top:1rem}.item-container a{background-color:#ececec;background-color:#e8e8e8;border:none;border-radius:10px;color:#000;font-size:1.2rem;font-weight:500;margin-top:2rem;padding:1rem;text-align:center;text-decoration:none}.item-container a:active{background-color:#1c1c1cd3;color:#f5f5f5}header{background:#020024;background:linear-gradient(90deg,#020024,#090979 34%,#00d4ff 90%);border:1px solid #ccc;border-radius:10px;display:flex;justify-content:space-evenly;margin:2rem;padding:3rem;width:100%}header .header-name{color:#f5f5f5;margin-right:2rem}header .input-search{margin-top:auto}header .input-search label{color:#f5f5f5;float:left;font-size:1.2rem;font-weight:500}header .input-search svg{background-color:#2196f3;border:none;border-bottom-left-radius:10px;border-top-left-radius:10px;padding-bottom:.9rem;padding-top:.73rem;-webkit-transform:translateY(13px);transform:translateY(13px);width:60px}header .input-search input{background:#f1f1f1;border:none;caret-color:hsla(0,0%,8%,.395);font-family:sans-serif;font-size:20px;padding:10px;width:60%}header .input-search input:hover{box-shadow:7px 7px 8px rgba(0,0,0,.172)}header .input-search button{background:#2196f3;border:none;border-bottom-right-radius:10px;border-top-right-radius:10px;color:#fff;cursor:pointer;font-size:17px;padding:10px;width:80px}header .input-search button:active{background:#056cbf}.main{align-items:center;display:flex;flex-direction:column;margin:0 auto}.page-number-container{display:flex;justify-content:space-evenly;margin-bottom:3rem;margin-top:2rem;padding:1.7rem}.page-number-container .item-element{background-color:#ececec;border:.8px solid rgba(0,0,0,.599);border-radius:50px;cursor:pointer;padding:.6rem;text-align:center;width:200px}.item-element a{color:#000;font-size:1.45rem;font-weight:500;text-decoration:none}.item-element:active{background-color:#1c1c1cd3}.item-element a:active{color:#f5f5f5}*{box-sizing:border-box;margin:0;padding:0}footer{align-items:center;border-top:1px solid rgba(0,0,0,.12);display:flex;flex-direction:column;margin-top:3rem;padding:2rem;width:100%}footer .copyright-text{margin-bottom:1rem}footer .copyright-text p{font-size:1.5rem}
/*# sourceMappingURL=main.f0910c91.css.map*/