*{box-sizing:border-box;padding:0;margin:0;background-color:#f9f9f8}.Main__button{background-color:#00bbe1;width:160px;height:40px;padding:10px;border-radius:10px;outline:none;border:none;font-size:medium;color:#fff;font-weight:600;margin-top:20px}.Main__body{background-color:transparent;display:grid;place-items:center}.Main__footer{text-align:center;color:#fff;padding:10px;font-size:20px;background-image:linear-gradient(90deg,#00eba7,#00b6e7);position:relative;bottom:0}.Main__footer p{background-color:transparent;font-size:18px}.index__input{border:1px solid #dbdbdb;background-color:#fff;margin:30px 10%;padding:30px;border-radius:10px}.index__inputtitle{background-color:transparent;font-size:18px;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.index__realinput{background-color:#fff;padding:15px;flex:0.8 1;border:2px solid #01b3ea;outline:none;border-radius:10px;font-size:18px}.index__inputform{display:flex;align-items:center;background-color:#fff;padding-top:30px}.index__inputbutton{background-color:#01b3ea;color:#fff;margin:0 40px;text-align:center;padding:15px;font-size:20px;border-radius:10px;width:200px;cursor:pointer}.index__container{border-radius:10px;display:grid;place-items:center;background-color:#fff;height:80vh;overflow-y:scroll;margin:30px 10%;padding:30px;border:1px solid #dbdbdb}.index__containerchild{border:1px solid #dbdbdb;width:-moz-fit-content;width:fit-content;border-radius:10px;padding:30px;margin-bottom:30px}.index__containertext{font-size:20px;padding-bottom:8px}.index__containertex2,.index__containertext{background-color:transparent;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.index__containertex2{padding-bottom:38px}.input__recommendations{display:flex;padding:15px 5px;background-color:transparent}.input__recommendationstry{background-color:#fff}.input__recommendationschild{padding:0 10px;background-color:#e0ffff;border:1px solid #d3d3d3;border-radius:5px;margin:0 5px;cursor:pointer}.input__loading{display:flex;align-items:center;position:fixed;bottom:50px;left:45%;background-color:#000;padding:5px 20px;border-radius:5px;color:#fff;width:-moz-fit-content;width:fit-content;z-index:50}.input__loading p{padding-left:5px;font-size:large}.input__loading img,.input__loading p{background-color:transparent}@media only screen and (max-width:600px){.index__inputform{display:grid;place-items:center}.index__input{margin:20px 0;padding:20px;border-left:none;border-right:none;border-radius:10px}.index__realinput{width:100%;padding:12px;font-size:15px}.input__loading{left:30%}.input__loading p{font-size:small}.index__inputbutton{margin:20px 0;width:100%;font-size:15px;border-radius:10px;padding:12px}.input__recommendations{flex-wrap:wrap;align-items:center}.input__recommendationschild{margin:5px}.index__container{margin:30px 10px;padding:10px 20px}.index__containerchild{padding:10px}.index__containertext{font-size:20px;padding-top:15px;padding-bottom:8px}.index__containertex2{font-size:12px;padding-bottom:38px}.Main__footer p{font-size:12px}}.Home{background-color:#e9e8e8;height:100vh;width:100vw;display:grid;place-items:center}.Home__box{position:relative;background-color:#01b4e9;height:500px;width:500px}.Home__box__body{height:100%;width:100%;overflow:hidden;display:flex}.Home__left{top:-10px}.Home__left,.Home__middle{position:relative;margin-left:18px}.Home__middle{top:-70px}.Home__right{position:relative;top:0;margin:20px}.Home__bottom__left{display:flex;align-items:center}.profile__image{height:30px;width:30px;object-fit:cover;border-radius:99px;margin:0 12px}.profile__name{color:#000;font-weight:300}.profile__text{color:#8b8b8b;padding:10px;font-weight:300}.logo{height:100px;width:150px;object-fit:contain}.Card{height:10rem;width:9rem;margin-bottom:20px;background-size:cover;background-position:50%;background-repeat:no-repeat;box-shadow:-5px 5px 13px}.Home__box__bottom{display:flex;align-items:center;justify-content:space-between;position:absolute;bottom:0;height:12%}.Header,.Home__box__bottom{background-color:#fff;width:100%}.Header{padding:20px;text-align:center}.Header__image{background-color:transparent;width:140px;object-fit:contain}.Body{background-image:url(/home-color.jpg);background-position:50%;background-size:cover;text-align:center;padding:50px 0;margin-top:20px}.Body__title{background-color:transparent;color:#fff;font-weight:bolder;font-size:3pc;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.Body__input{margin-top:2pc;width:30%;background-color:#fff;padding:15px;border:4px solid #01b3ea;outline:none;border-radius:10px;font-size:larger}@media only screen and (max-width:600px){.Body{height:12pc;padding-top:2pc}.Body__title{font-size:2pc}.Body__input{width:80%;font-size:medium;padding:10px}}.Template1{background-color:transparent;display:grid;place-items:center}.Template1__box{position:relative;height:500px;width:500px;overflow:hidden}.Template1__boxbody{height:100%;width:100%;display:flex;overflow:hidden}.Template1__bodyleft{position:relative;top:-10px;margin-left:18px}.Template1__bodymiddle{position:relative;top:-70px;margin-left:18px}.Template1__bodyright{position:relative;top:0;margin-left:18px}.Template1__boxbottom{justify-content:space-between;position:absolute;bottom:0;width:100%;height:12%}.Template1__boxbottom,.Template1__boxbottomleft{display:flex;align-items:center;background-color:#fff}.Template1__boxbottomimage{height:30px;width:30px;object-fit:cover;border-radius:99px;margin:0 12px;background-color:#fff}.Template1__boxbottomtext{color:#8b8b8b;background-color:#fff;font-weight:300;padding-right:10px}.Template1__boxbottomlogo{height:25px;background-color:#fff}.Template1__Card{height:10rem;width:9rem;margin-bottom:20px;background-size:cover;background-position:50%;background-repeat:no-repeat;box-shadow:-5px 5px 13px}.Template1__options{background-color:#fff;width:500px;margin-top:10px;padding:10px;border-radius:10px}.Template1__color1{height:40px;border-radius:10px;width:40px;margin:10px;cursor:pointer}.Template1__colors{display:flex;background-color:#fff;justify-content:center}.Template1__optionstext{font-size:16px;padding-left:10px;background-color:transparent}@media only screen and (max-width:600px){.Template1__box{height:300px;width:300px}.Template1__options{background-color:#fff;width:300px}.Template1__Card{height:5.9rem;width:5.3rem;margin-bottom:12px}.Template1__boxbottomlogo{height:15px}.Template1__boxbottomtext{font-size:8px}.Template1__bodyleft{position:relative;top:-10px;margin-left:12px}.Template1__boxbottomimage{height:25px;width:25px;margin:0 5px}.Template1__bodymiddle{position:relative;top:-50px;margin-left:12px}.Template1__bodyright{position:relative;top:0;margin-left:12px}.Template1__optionstext{font-size:12px}}.Template2{background-color:transparent;display:grid;place-items:center}.Template2__box{position:relative;height:500px;width:500px;overflow:hidden}.Template2__boxbody{height:100%;width:100%;display:flex;background-color:#000;overflow:hidden}.Template2__bodyleft{position:relative;background-color:#01b4e9}.Template2__bodymiddle{position:relative;background-color:#000}.Template2__bodyright{position:relative;background-color:#01b4e9}.Template2__boxbottom{justify-content:space-between;position:absolute;bottom:0;width:100%;height:12%}.Template2__boxbottom,.Template2__boxbottomleft{display:flex;align-items:center;background-color:#fff}.Template2__boxbottomimage{height:30px;width:30px;object-fit:cover;border-radius:99px;margin:0 12px;background-color:#fff}.Template2__boxbottomtext{color:#8b8b8b;background-color:#fff;font-weight:300;padding-right:10px}.Template2__boxbottomlogo{height:25px;background-color:#fff}.Template2__Card{height:33.35%;width:10.42rem;background-size:cover;background-position:50%;background-repeat:no-repeat;border:1px solid #fff}.Template2__CardBody{position:absolute;bottom:0;background-color:transparent;padding:5px}.Template2__Cardname{font-size:"18px"}.Template2__Cardname,.Template2__Post{background-color:transparent;color:#fff}.Template2__Post{font-size:22px;padding:2px 0}.Template2__Cardmakeforme{background-color:transparent;color:#fff;font-size:10px;padding-top:5px}@media only screen and (max-width:600px){.Template2__box{height:300px;width:300px}.Template2__Card{height:33.33%;width:6.25rem}.Template2__boxbottomlogo{height:15px}.Template2__boxbottomtext{font-size:8px}.Template2__boxbottomimage{height:25px;width:25px;margin:0 5px}.Template2__Cardname{font-size:10px}.Template2__Post{font-size:12px}.Template2__Cardmakeforme{font-size:6px}}.Introduction__top,.Introduction__topleft{background-color:#00f0a1}.Introduction__top{display:flex;justify-content:center;align-items:center;padding:20px}.Introduction__topleft{padding:0 50px}.Introduction__topleftpara1{font-size:40px;font-weight:600;width:25vw}.Introduction__topleftpara1,.Introduction__topleftpara2{background-color:transparent;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.Introduction__topleftpara2{color:#fff;font-size:20px;padding-top:10px;width:30vw}.Introduction__topright{background-color:#00f0a1}.Introduction__toprightimage{background-color:#00f0a1;height:400px;width:400px}.Introduction__center{text-align:center;padding:20px;background-color:transparent}.Introduction__centertop{margin-top:30px;font-size:30px;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.Introduction__centerbottom{padding:15px 0}.Introduction__centercards{background-color:#e2f8ff;margin:0 30px;padding:30px;border-radius:10px;display:flex;justify-content:space-between}.Introduction__centercard{width:-moz-fit-content;width:fit-content;background-color:#fff;border:1px solid #dbdbdb;border-radius:5px;padding:10px}.Introduction__centercard:hover{scale:1.031;transition:all .2s}.Introduction__centercardimage{height:300px}.Introduction__centercardtext{padding-top:5px;padding-bottom:10px;background-color:#fff;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}@media only screen and (max-width:600px){.Introduction__centercards,.Introduction__top{display:grid;place-items:center}.Introduction__centercards{width:100%;padding:20px;margin:0}.Introduction__centercard{width:auto;background-color:#fff;margin:10px 10px 10px 55%;border:1px solid #dbdbdb;border-radius:5px;padding:10px}.Introduction__centercardimage{height:200px}.Introduction__toprightimage{height:300px;width:300px}.Introduction__topleftpara1{text-align:center;font-size:28px;font-weight:600;width:100%}.Introduction__topleftpara2{text-align:center;font-size:18px;font-weight:300;padding-bottom:40px;width:100%}}