@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@200;400;600;800&display=swap);.student-search,header{display:flex}.avatar,.student-item{background-color:#fff}.pagination,.student-item,header{text-align:center}.pagination li button.active,.pagination li button:hover,.student-search button{background-color:#1e90ff;color:#fff}*{box-sizing:border-box}body{font-family:Montserrat,Helvetica,sans-serif;background-color:#e5eefa;transition:.4s}ul{margin:0;padding:0;list-style:none}.page{max-width:1024px;margin:auto;width:95%}header{flex-flow:column;justify-content:center;padding:2em 0}header h2{font-size:36px;text-transform:uppercase;font-weight:800;color:#4a5568;letter-spacing:2px;margin-bottom:25px}.student-search input{width:100%;border-radius:4px 0 0 4px;border:1px solid #1e90ff;padding:10px 16px;font-size:14px}.student-search input::placeholder{color:#929b9e}.student-search button{cursor:pointer;width:55px;border-radius:0 4px 4px 0;border:1px solid #1e90ff;border-left:none;padding:0 5px;font-size:14px}.student-search button img{width:25px}.student-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:2em}.student-item{display:flex;flex-direction:column;justify-content:space-between;padding:2.5em;border-radius:2px;-webkit-transition:box-shadow .3s;transition:box-shadow .3s}.avatar,.student-details::before{width:90px;height:90px;border-radius:50%}.avatar{margin:auto auto 15px;background-blend-mode:multiply,luminosity}.student-details::before{content:'';position:absolute;background:rgba(30,144,255,.25)}.student-item h3{font-weight:600;font-size:1.2rem;margin-bottom:.45em;color:#1e90ff}.student-item .email{font-weight:600;color:#6d778a;font-size:14px;letter-spacing:.5px}.date{display:block;font-size:14px;color:#6a7679;font-weight:400;width:100%;padding-top:1.1em;border-top:1px solid #dcdcdc;margin-top:1.1em}.pagination{margin:30px 0 60px}.pagination li{display:inline;padding:0 3px}.pagination li button{font-size:1em;cursor:pointer;outline:0;padding:.5em .85em;background:#fff;border:none;border-radius:3px;text-decoration:none;color:#1e90ff;box-shadow:0 1px 8px 0 rgba(22,42,90,.05);transition:.4s}.student-search span{position:absolute;clip:rect(1px,1px,1px,1px);padding:0;border:0;height:1px;width:1px;overflow:hidden}.no-results{font-family:Nunito,sans-serif;display:block;font-size:1.5rem;color:#6d778a;width:500px;margin-top:15px;margin-bottom:15px}@media screen and (min-width:700px){.page{width:70%}header{flex-flow:row;align-items:center;padding:3em 0}header h2{margin-right:auto;margin-bottom:0}.student-item{border-radius:5px;box-shadow:0 4px 16px 0 rgba(22,42,90,.09)}}