@import url(https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900);@import url(https://fonts.googleapis.com/css?family=Playball);*{box-sizing:border-box}.container{background-image:linear-gradient(15deg,#13547a,#80d0c7);overflow:auto;padding:2rem;width:100%}.search-wrapper{height:70px;margin-left:auto;margin-right:auto;margin-top:1.5rem;max-width:400px;position:relative;width:400px;z-index:1}.search-content{background-image:linear-gradient(120deg,#fdfbfb,#ebedee);border-radius:5px;height:70px;left:50%;overflow:hidden;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:70px;z-index:0}.search-content,.search-input{background-color:transparent;transition:all .4s ease-in-out 0s}.search-input{border:0;border-radius:30px;color:#333;font-size:15px;height:50px;left:10px;opacity:0;padding:0 60px 0 15px;width:94%}.search-input:focus{letter-spacing:2px;text-transform:uppercase}.search-input:focus,.srch_btn:focus{outline:none}.search-input,.srch_btn{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1}.srch_btn{background-color:transparent;background-image:linear-gradient(120deg,#fdfbfb,#ebedee);border:0;color:#545454;cursor:pointer;font-size:26px;height:70px;right:0;transition:all .4s ease-in-out 0s;width:70px}.srch_btn:after{content:"\f00d";font-family:fontAwesome;font-size:28px;height:30px;position:absolute;right:10px;top:50%;-webkit-transform:translateY(-50%) rotate(0deg);transform:translateY(-50%) rotate(0deg);visibility:hidden;width:30px;z-index:-1}input.checkbox{cursor:pointer;height:70px;opacity:0;position:absolute;right:30%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:all .4s ease-in-out 0s;width:70px;z-index:1}input.checkbox:checked{height:30px;right:-14%;-webkit-transform:translate(-50%,-60%);transform:translate(-50%,-60%);width:30px}input.checkbox:checked~.search-content{background-color:#333;border-radius:40px;overflow:visible;width:100%}input.checkbox:checked~.search-content .srch_btn{background-image:linear-gradient(0deg,#ff0844 0,#ffb199);border-radius:100%;color:#fff;font-size:20px;height:50px;right:10px;text-shadow:1px 1px 2px rgba(0,0,0,.2);width:50px}input.checkbox:checked~.search-content .search-input{opacity:1}input.checkbox:checked~.search-content .srch_btn:after{color:#fff;right:-50px;-webkit-transform:translateY(-50%) rotate(90deg);transform:translateY(-50%) rotate(90deg);transition:all .6s cubic-bezier(0,.105,.035,1.57);transition-delay:.5s;visibility:visible}.image-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(250px,auto));margin-top:2rem}img{height:auto;width:auto}.wrapper{box-sizing:border-box;display:flexbox;height:350px;overflow:hidden;width:250px}h1{color:#fff;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:medium;text-align:center}.avtr{display:block;height:200px;margin:2rem auto;width:200px}@media screen and (max-width:480px){body{box-sizing:border-box;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.search-wrapper{height:auto}.search-content,.search-wrapper{align-items:center;max-width:200px}.search-content{margin-bottom:2em}}
/*# sourceMappingURL=main.3e6bcf76.css.map*/