h1,h2,h3,h4,h5,h6,p{margin:0}p:last-child{margin-bottom:0}ul{margin:0;padding:0;list-style:none}a{color:currentColor;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%;height:auto}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:16px;line-height:1.5;font-weight:400;color:#242424;background-color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{display:flex;flex-direction:column;min-width:100vw;min-height:100vh;margin:0}main{flex-grow:1}main:has(.back-link){text-align:center}@font-face{font-family:Montserrat;src:url(/goit-js-hw-11/assets/Montserrat-Regular-CXklBiG8.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Montserrat;src:url(/goit-js-hw-11/assets/Montserrat-Medium-DFfcsv-k.woff2) format("woff2");font-weight:500;font-style:normal}@font-face{font-family:Montserrat;src:url(/goit-js-hw-11/assets/Montserrat-SemiBold-JOHL-zms.woff2) format("woff2");font-weight:600;font-style:normal}body{font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.form{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px;margin-top:36px;margin-bottom:32px}.search-input{font-family:Montserrat,sans-serif;font-weight:400;font-size:16px;line-height:1.5;letter-spacing:.04em;color:gray;border:1px solid #808080;border-radius:4px;width:272px;height:40px}.search-input:hover,.search-input:focus{border:1px solid #000;outline:none}.form input:focus{border:1px solid #4e75ff}.search-btn{font-family:Montserrat,sans-serif;font-weight:500;font-size:16px;line-height:1.5;letter-spacing:.04em;color:#fff;border:none;border-radius:8px;padding:8px 16px;height:40px;background-color:#4e75ff}.search-btn:hover,.search-btn:focus{background-color:#6c8cff}.gallery{display:flex;flex-wrap:wrap;gap:24px;padding:0 156px;margin:0;list-style:none;justify-content:center}.gallery-item{flex-basis:calc((100% - 48px) / 3);box-sizing:border-box;border:1px solid #808080}.gallery-link{display:block;overflow:hidden}.image-info{display:flex;justify-content:space-between;max-width:360px;max-height:48px}.image-info-item{font-weight:400;font-size:12px;line-height:2;letter-spacing:.04em;color:#2e2f42;display:flex;flex-direction:column;align-items:center}.loader-wrapper{display:flex;justify-content:center;margin-top:20px}.loader{position:relative;width:78px;height:78px;border-radius:50%;background:#fff;border:8px solid #131a1d;overflow:hidden;box-sizing:border-box}.loader:after{content:"";position:absolute;left:0;top:-50%;width:100%;height:100%;background:#263238;z-index:5;border-bottom:8px solid #131a1d;box-sizing:border-box;animation:eyeShade 3s infinite}.loader:before{content:"";position:absolute;left:20px;bottom:15px;width:32px;z-index:2;height:32px;background:#111;border-radius:50%;animation:eyeMove 3s infinite}@keyframes eyeShade{0%{transform:translateY(0)}20%{transform:translateY(5px)}40%,50%{transform:translateY(-5px)}60%{transform:translateY(-8px)}75%{transform:translateY(5px)}to{transform:translateY(10px)}}@keyframes eyeMove{0%{transform:translate(0)}20%{transform:translateY(5px)}40%,50%{transform:translateY(-5px)}60%{transform:translate(-10px,-5px)}75%{transform:translate(-20px,5px)}to{transform:translateY(10px)}}.is-hidden{display:none}