/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}
@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(c8ba52b05a9ef10f4758.woff2) format("woff2"),url(8c206db99195777c6769.woff) format("woff")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(293fd13dbca5a3e450ef.woff2) format("woff2"),url(9053572c46aeb4b16caa.woff) format("woff")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:900;src:url(15ca31c0a2a68f76d2d1.woff2) format("woff2"),url(c6938660eec019fefd68.woff) format("woff")}@font-face{font-display:swap;font-family:Indie Flower;font-style:normal;font-weight:400;src:url(f90d01567220a7af37d2.woff2) format("woff2"),url(1176967143370b4a6671.woff) format("woff")}
.page{align-items:center;background-color:#f08080;display:flex;flex-direction:column}
.content{width:1280px}@media screen and (max-width:1320px){.content{max-width:1100px}}@media screen and (max-width:1150px){.content{max-width:850px}}@media screen and (max-width:900px){.content{max-width:680px}}@media screen and (max-width:700px){.content{width:480px}}@media screen and (max-width:500px){.content{width:300px}}
.header__title{color:#fff;font-family:Indie Flower,Arial,sans-serif;font-size:72px;font-weight:700;margin:100px 0 0;padding:0;text-align:center}
.navigation{display:flex;gap:50px;justify-content:center;margin-top:70px}@media screen and (max-width:650px){.navigation{align-items:center;flex-direction:column}}
.navigation__link{color:#000;font-family:Indie Flower,Arial,sans-serif;font-size:32px;margin:0;padding:0;position:relative;text-decoration:none;transition:color .5s ease;z-index:1}.navigation__link:hover{color:#fff;cursor:pointer}.navigation__link:before{border-bottom:2px solid #fff;bottom:0;content:"";left:0;position:absolute;right:100%;top:0;z-index:-1}.navigation__link:hover:before{bottom:0;left:0;right:0;top:0;transition:all .55s}
.navigation__link_active{border-bottom:1px solid #fff;color:#fff}
.tab-content{display:none}
.tab-content_active{display:block;margin:50px 0 0;padding:0}
.search{display:flex;justify-content:space-between;margin:50px auto 0;width:600px}@media screen and (max-width:700px){.search{width:420px}}@media screen and (max-width:500px){.search{width:270px}}
.search__form{display:flex;justify-content:space-between;width:600px}@media screen and (max-width:700px){.search__form{width:420px}}@media screen and (max-width:500px){.search__form{width:270px}}
.search__input{background:#f5f5f5;border:2px solid #000;border-radius:10px;font-family:Arial,sans-serif;font-size:35px;height:40px;transition:border .5s ease;width:480px}.search__input::-moz-placeholder{font-family:Indie Flower,Arial,sans-serif;font-size:32px;padding:0}.search__input:-ms-input-placeholder{font-family:Indie Flower,Arial,sans-serif;font-size:32px;padding:0}.search__input::placeholder{font-family:Indie Flower,Arial,sans-serif;font-size:32px;padding:0}.search__input:hover{border:2px solid #f5f5f5}@media screen and (max-width:700px){.search__input{font-size:20px;width:300px}.search__input::-moz-placeholder{font-size:20px}.search__input:-ms-input-placeholder{font-size:20px}.search__input::placeholder{font-size:20px}}@media screen and (max-width:500px){.search__input{width:150px}}
.search__status{color:#fff;display:none;font-family:Indie Flower,Arial,sans-serif;font-size:42px;justify-content:center}
.search__status_active{display:flex}
.button{background-color:#f5f5f5;border:2px solid #000;border-radius:10px;cursor:pointer;height:46px;padding:10px;transition:border .5s ease;width:46px}.button:hover{border:2px solid #f5f5f5}
.button_type_remove{background-image:url(0edc8db7f79690ab0791.png);background-position:50%;background-repeat:no-repeat;background-size:55px}
.button_type_search{background-image:url(f765077ede666da36c06.png);background-position:50%;background-repeat:no-repeat;background-size:35px}
.button_type_random-gif{color:#000;font-family:Indie Flower,Arial,sans-serif;font-size:32px;padding:4px 0;width:100%}@media screen and (max-width:505px){.button_type_random-gif{font-size:22px}}
.button_type_add{color:#000;font-family:Indie Flower,Arial,sans-serif;font-size:28px;line-height:1;width:140px}
.gifs{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,200px);grid-template-rows:repeat(auto-fill,200px);justify-content:center;list-style:none;margin:50px 0;padding:0}
.gifs__item{height:200px;-o-object-fit:cover;object-fit:cover;width:200px}
.gifs_type_random{align-items:center;display:flex;justify-content:center}
.gifs__item_type_random{height:80%;width:60%}@media screen and (max-width:1150px){.gifs__item_type_random{width:80%}}@media screen and (max-width:700px){.gifs__item_type_random{width:80%}}@media screen and (max-width:500px){.gifs__item_type_random{width:95%}}
.random{-moz-column-gap:20px;column-gap:20px;display:flex;justify-content:space-between;margin:50px auto 0;width:400px}@media screen and (max-width:505px){.random{width:80%}}
.add{-moz-column-gap:10px;column-gap:10px;display:flex;flex-wrap:wrap;justify-content:center;margin:50px auto 0;position:relative;row-gap:20px;width:100%}
.add__input{font-size:75%;visibility:hidden}.add__input:before{align-items:center;background:#f5f5f5;border:2px solid #000;border-radius:10px;color:#000;content:"choose .gif";display:flex;font-family:Indie Flower,Arial,sans-serif;font-size:26px;height:37px;justify-content:center;padding:5px 0 0;position:absolute;transition:border .5s ease;visibility:visible;width:200px}.add__input:hover:before{border:2px solid #f5f5f5;cursor:pointer}
.add__input_uploaded{margin:0;padding:30px 0 0}