@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@500;700&family=Raleway:wght@700&display=swap);*{box-sizing:border-box}:root{--white:#fff;--black:#000;--gray:#323232;--lightgray:#f5f5f5}body,html{height:100%;margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--white);font-family:Open Sans,sans-serif;font-size:1rem}a{color:#323232;color:var(--gray);display:inline-block;font-weight:700;text-decoration:none;transition:.4s}a:focus,a:hover{color:#000;color:var(--black)}.container{display:flex;flex-direction:column;min-height:100vh}.header{align-items:center;background-color:#fff;display:flex;height:80px;justify-content:center;padding:0;position:fixed;width:100%;z-index:9}.header h1{color:#000;font-family:Raleway,sans-serif;font-size:1.5rem;font-weight:700}.header h1:focus,.header h1:hover{color:#323232;color:var(--gray)}.header input{border:none;border-bottom-left-radius:10px;border-top-left-radius:10px;width:200px}.header button,.header input{background-color:#f5f5f5;color:#323232;color:var(--gray);font-family:Open Sans,sans-serif;outline:none;padding:.8em 1.2em}.header button{border:none;border-bottom-right-radius:10px;border-top-right-radius:10px;cursor:pointer;font-weight:700;transition:.4s}.header button:hover{color:#000;color:var(--black)}.search{margin:.5em}.gallery-page{grid-gap:1em;display:grid;gap:1em;grid-auto-rows:1fr;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));height:100%;justify-items:center;margin:0 auto;padding-top:6em;width:75%}.image-small{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:animation;animation-name:animation;display:inline-block;height:300px;object-fit:cover;position:relative;transition:.4s;width:300px}.image-small:focus,.image-small:hover{cursor:pointer;-webkit-filter:brightness(80%);filter:brightness(80%)}.image-page{align-items:flex-start;display:flex;height:100%;justify-content:center;margin:0 auto;padding-top:6em;width:75%}.image-large{display:block;height:auto;width:100%}figcaption{color:#323232;color:var(--gray);font-size:.9rem;text-align:center}.image-details{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;line-height:1;margin-top:1em;width:50%}.image-exif{line-height:.8}.btn{background-color:#f5f5f5;background-color:var(--lightgray);border:none;border-radius:10px;color:#323232;color:var(--gray);cursor:pointer;display:inline-block;font-family:Open Sans,sans-serif;font-weight:700;outline:none;padding:.8em 1.2em;transition:.4s}.btn:focus,.btn:hover{color:#000;color:var(--black);-webkit-transform:scale(1.05);transform:scale(1.05)}.user-details{align-items:center;display:flex;flex-wrap:nowrap;justify-content:flex-start}.avatar-small{border-radius:50%;height:80px;margin-right:.5em;object-fit:cover;transition:.4s;width:80px}.avatar-small:hover{cursor:pointer;opacity:.7}.avatar-large{border-radius:50%;height:100px;object-fit:cover;width:100px}.user-page{height:100%;margin:0 auto;padding-top:6em;text-align:center;width:75%}.user-link{display:inline-block;font-size:1.1rem}.italic{font-style:italic}.center{text-align:center}.highlight{background-color:#f5f5f5;background-color:var(--lightgray);color:#323232;color:var(--gray);display:inline;font-size:.9rem;letter-spacing:1px;padding:.5em;text-transform:uppercase}.footer{font-size:.8rem;margin-top:auto;text-align:center}.footer a{font-weight:500}@-webkit-keyframes animation{0%{left:0;top:100px}to{left:0;top:0}}@keyframes animation{0%{left:0;top:100px}to{left:0;top:0}}@media (max-width:700px){.container{flex-direction:column}.gallery-page{width:60%}.image-page{flex-direction:column}.image-details{align-items:center;justify-content:center;margin:0 auto;padding-top:2em;text-align:center;width:50%}}
/*# sourceMappingURL=main.2283396b.css.map*/