@import"https://fonts.googleapis.com/css?family=Open+Sans:400|Raleway:400";*,*:after,*:before{box-sizing:border-box;margin:0;padding:0}html{font-size:100%;height:100%}:root{--primary-100: #d9f0d3;--primary-200: #b2e1a8;--primary-300: #8cd17c;--primary-400: #65c251;--primary-500: #3fb325;--primary-600: #328f1e;--primary-700: #266b16;--primary-800: #19480f;--primary-900: #0d2407;--white: #fff;--black: #000;--bodyFont: "Open Sans", sans-serif;--headingFont: "Raleway", sans-serif;--grey-50: #f8fafc;--grey-100: #f1f5f9;--grey-200: #e2e8f0;--grey-300: #cbd5e1;--grey-400: #94a3b8;--grey-500: #64748b;--grey-600: #475569;--grey-700: #334155;--grey-800: #1e293b;--grey-900: #0f172a;--shadow-1: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-2: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-3: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-4: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition: .2s all linear;--letter-spacing: 1px;--border-radius: .25rem;--max-width: 1170px;--fixed-width: 700px;--error-alert: #ca322b;--green-alert: #d4edda;--darkModeTransition: color .3s ease-in-out, background-color .3s ease-in-out}body{background:var(--grey-50);color:var(--grey-900);font-family:var(--bodyFont);font-weight:400;line-height:1.75;transition:var(--darkModeTransition)}p{margin-bottom:1rem}h1,h2,h3,h4,h5{margin:0;margin-bottom:1.5rem;font-family:var(--headingFont);font-weight:400;line-height:1.3;text-transform:capitalize}h1{margin-top:0;font-size:3.052rem}h2{font-size:2.441rem}h3{font-size:1.953rem}h4{font-size:1.563rem}h5{font-size:1.25rem}small,.text_small{font-size:.8rem}a{text-decoration:none}img{width:100%;display:block;object-fit:cover}ul{list-style:none}.btn{text-transform:capitalize;border:transparent;background:var(--primary-500);display:inline-block;border-radius:var(--border-radius);padding:.375rem .75rem;letter-spacing:var(--letter-spacing);color:var(--white);transition:var(--transition);box-shadow:var(--shadow-1);cursor:pointer;font-size:.875rem}.btn:hover{background:var(--primary-600);box-shadow:var(--shadow-3)}@keyframes spinner{to{transform:rotate(360deg)}}.loading-parent{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loading{width:6rem;height:6rem;border:5px solid var(--grey-400);border-radius:50%;border-top-color:var(--primary-500);animation:spinner .9s linear infinite}.main{margin-bottom:2rem}.navbar{max-width:var(--max-width);width:95%;margin:0 auto;padding:1.5rem;height:6.25rem;display:flex;align-items:center;justify-content:flex-end}.toggle-button{border:transparent;background:transparent}.toggle-icon{width:3rem;height:2rem;cursor:pointer;transition:color .2s ease-in-out}.toggle-icon:hover{color:var(--grey-500)}.toggle-button:hover .moon{color:var(--primary-500)}.dark-mode{background:var(--grey-800);color:var(--grey-100)}.white-color{color:var(--white)}.search-form{max-width:var(--max-width);width:95%;margin:0 auto}.section-title h1{font-size:1.5rem;letter-spacing:var(--letter-spacing);text-align:center;color:var(--primary-500);font-weight:700}.form{margin:1rem 2rem}.form-control{padding:.5rem;display:grid;grid-template-columns:1fr auto auto;max-width:var(--fixed-width);margin:0 auto}.form-input{width:100%;padding:.5rem;border:none;border-radius:var(--border-radius);box-shadow:var(--shadow-2)}.search-input{border-top-right-radius:0;border-bottom-right-radius:0}.number-input{border-radius:0;background:var(--primary-100)}input[type=submit]{border-top-left-radius:0;border-bottom-left-radius:0}.gallery{max-width:var(--max-width);width:95%;margin:0 auto 1rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(min(358px,100%),1fr));text-align:center}.gallery-photo{background:var(--white);display:grid;grid-template-rows:1fr auto;box-shadow:var(--shadow-2);border-radius:var(--border-radius)}.gallery-photo img{height:100%;object-fit:cover;border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);transition:var(--transition)}.gallery-photo a:hover img{transform:scale(.9)}.gallery-photo-container{position:relative}.photo-info{padding:1rem}.photographer{color:var(--black);margin:0;font-weight:700;letter-spacing:var(--letter-spacing)}.photographer span{color:var(--primary-500);text-transform:capitalize}