.picWidRapper{position:relative;width:100vw;min-height:100vh;padding-bottom:50px;display:flex;flex-direction:column;align-items:center}.picWidRapper .title{position:relative;width:80%;font-size:4em;text-align:center;color:#263f44;font-family:Abril Fatface,cursive;white-space:nowrap;text-overflow:ellipsis;max-width:20ch;overflow-wrap:break-word}.picWidRapper .centerLine{position:absolute;left:50%;top:10%;width:3px;height:300px;background-image:linear-gradient(135deg,rgba(176,169,176,.75),rgba(176,169,176,.05))}.picWidRapper .wrapWrap{position:relative;display:flex;height:auto;width:auto}.picWidRapper .wrapWrap .win1Wrapper,.picWidRapper .wrapWrap .win2Wrapper{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;margin:0 30px}@media only screen and (max-width:1024px){.picWidRapper{position:relative}.picWidRapper .title{position:relative;width:80%;font-size:2em;text-align:center;color:#263f44;font-family:Abril Fatface,cursive}.picWidRapper .wrapWrap .win1Wrapper,.picWidRapper .wrapWrap .win2Wrapper{margin:0 5px}}@media only screen and (max-width:480px){.picWidRapper .title{position:relative;width:95%;font-size:1.5em;text-align:center;color:#263f44;font-family:Abril Fatface,cursive;max-width:15ch}.picWidRapper .centerLine{display:none}.picWidRapper .wrapWrap{position:relative;flex-direction:column;width:100vw}.picWidRapper .wrapWrap .win1Wrapper,.picWidRapper .wrapWrap .win2Wrapper{margin:10 0}}.picWidWrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:12px;margin:0 40px}.picWidWrapper .imgWrap{display:flex;justify-content:center;height:300px;width:400px;padding:0 50px}.picWidWrapper .topImgWrap{display:flex;justify-content:center;height:150px;width:200px}.picWidWrapper .imageScreen{height:100%;width:auto;margin:0 10px}.picWidWrapper .inputComment{width:400px}.picWidWrapper input[type=file]{display:none}.picWidWrapper .custom-file-upload{position:relative;margin:10px;display:flex;justify-content:center;align-items:center;color:#000;border:1px solid #ccc;background-color:#fff;opacity:.5;border-radius:10%;display:inline-block;padding:6px 12px;cursor:pointer;transition:all .3}.picWidWrapper .custom-file-upload:hover{opacity:.8;transition:opacity .5s ease-out}.picWidWrapper .fileInput{color:#fff}.picWidWrapper .textWrapper .likeSection{display:flex;justify-content:space-evenly;align-items:center;margin-bottom:15px}.picWidWrapper .textWrapper .likeSection .percentage{font-family:Abril Fatface,cursive;position:relative;width:50px;color:#263f44;font-size:2em}@media only screen and (max-width:1024px){.picWidWrapper{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:12px;margin:20px 10px;top:20px}.picWidWrapper .imgWrap{display:flex;justify-content:center;height:190px;width:auto;padding:0}.picWidWrapper .topImgWrap{display:flex;justify-content:center;height:180px;width:240px;padding:0 50px}.picWidWrapper .imageScreen{height:100%;width:auto}.picWidWrapper .inputComment{width:400px}.picWidWrapper input[type=file]{display:none}.picWidWrapper .custom-file-upload{position:relative;margin:10px;display:flex;justify-content:center;align-items:center;color:#000;border:1px solid #ccc;background-color:#fff;opacity:.5;border-radius:10%;display:inline-block;padding:6px 12px;cursor:pointer;transition:all .3}.picWidWrapper .custom-file-upload:hover{opacity:.8;transition:opacity .5s ease-out}.picWidWrapper .fileInput{color:#fff}.picWidWrapper .textWrapper .likeSection{display:flex;justify-content:space-evenly;align-items:center;margin-bottom:15px}.picWidWrapper .textWrapper .likeSection .percentage{font-family:Abril Fatface,cursive;position:relative;width:50px;color:#263f44;font-size:2em}}@media only screen and (max-width:480px){.picWidWrapper{margin:0 30px}.picWidWrapper .imgWrap{display:flex;justify-content:center;height:150px;width:auto;padding:0}.picWidWrapper .topImgWrap{display:flex;justify-content:center;height:80px;width:60px;padding:0 5px}.picWidWrapper input[type=file]{display:none}.picWidWrapper .custom-file-upload{position:relative;margin:5px;display:flex;justify-content:center;align-items:center;color:#000;border:1px solid #ccc;background-color:#fff;opacity:.5;border-radius:10%;display:inline-block;padding:6px 12px;cursor:pointer;transition:all .3}.picWidWrapper .custom-file-upload:hover{opacity:.8;transition:opacity .5s ease-out}.picWidWrapper .fileInput{color:#fff}.picWidWrapper .textWrapper .likeSection{display:flex;justify-content:space-evenly;align-items:center;margin-bottom:15px}.picWidWrapper .textWrapper .likeSection .percentage{font-family:Abril Fatface,cursive;position:relative;width:50px;color:#263f44;font-size:2em}}.mybutton{margin:10px 0;padding:10px 0;width:100%;height:40px;border-radius:5%;background-color:#263f44;color:#fff1cf;cursor:pointer;transition:all .3;outline:none}.mybutton:hover{background-color:#015668;transition:all .5s ease-out}.lds-ellipsis{display:inline-block;position:relative;width:60px;height:60px}.lds-ellipsis div{position:absolute;top:25px;width:13px;height:13px;border-radius:50%;background:#015668;animation-timing-function:cubic-bezier(0,1,1,0)}.lds-ellipsis div:first-child{left:4px;animation:lds-ellipsis1 .6s infinite}.lds-ellipsis div:nth-child(2){left:4px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:22px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(4){left:30px;animation:lds-ellipsis3 .6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(24px)}}.textWrapper{margin:10px 0}.inputForm{width:100%;outline:none;padding:5px;font-size:1.5em;color:#676767;transition:border .5s;-webkit-transition:border .5s;-moz-transition:border .5s;-o-transition:border .5s;border:1px solid #98d4f3;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.inputForm:focus{border:2px solid #015668}.heartWrapper{position:relative;display:flex;justify-content:center;align-items:center;cursor:pointer}.heartWrapper .heartNum{color:#f5f5f5;position:absolute;font-size:1.3em}.heartWrapper .heartIcon{position:relative;width:50px}.commentWrapper{width:400px;max-height:420px;overflow:auto;-webkit-overflow-scrolling:auto;display:flex;flex-direction:column;align-content:center;color:#eaeaea}.commentWrapper p{text-overflow:ellipsis;overflow-wrap:break-word;max-width:75ch}.commentWrapper .speechBubble1{position:relative;background:#40bfc1;border-radius:.4em;padding:10px;margin:5px 10px}.commentWrapper .speechBubble1:after{content:"";position:absolute;left:0;top:50%;width:0;height:0;border:9px solid transparent;border-right-color:#34aebb;border-left:0;border-bottom:0;margin-top:-4.5px;margin-left:-9px}.commentWrapper .speechBubble2{position:relative;background:#ff6f5e;border-radius:.4em;padding:10px;margin:5px 10px}.commentWrapper .speechBubble2:after{content:"";position:absolute;right:0;top:50%;width:0;height:0;border:9px solid transparent;border-left-color:#ca0000;border-right:0;border-bottom:0;margin-top:-4.5px;margin-right:-9px}@media only screen and (max-width:1024px){.commentWrapper{width:320px;max-height:350px;overflow:auto;-webkit-overflow-scrolling:auto;display:flex;flex-direction:column;align-content:center;color:#eaeaea}}@media only screen and (max-width:480px){.commentWrapper{position:relative;margin:10px 0;width:80%;max-height:150px}.commentWrapper p{max-width:40ch}}.topComponentWrapper{display:flex;justify-content:center}.topComponentWrapper .topImage{position:relative;left:150px}.topComponentWrapper .topImage .imageContainer{position:relative;top:100px;left:100px;overflow:hidden;height:700px;width:700px;background-image:url(/imgs/topImage.6840634642c0d2031f521acbd357c47d.jpg);background-size:cover;background-repeat:no-repeat;background-position:50%}.topComponentWrapper .topImage .textSection{position:absolute;color:#fff;top:20px;left:20px}.topComponentWrapper .topImage .textSection .title{color:#263f44;font-size:4em;font-family:Abril Fatface,cursive}.topComponentWrapper .topImage .textSection .description{padding:2px 0}.topComponentWrapper .topImage .textSection .description h3{font-size:1.5em}.topComponentWrapper .topPicSection{position:relative;display:flex;flex-direction:column;top:200px;right:150px}@media only screen and (max-width:1024px){.topComponentWrapper{display:flex;flex-direction:column;justify-content:center}.topComponentWrapper .topImage{position:relative;left:0}.topComponentWrapper .topImage .imageContainer{position:relative;top:0;left:0;overflow:hidden;height:50vh;width:100vw;background-image:url(/imgs/eggPlant.20a86cc7bd444b498a8bf610b9d11a96.jpg);background-size:cover;background-repeat:no-repeat;background-position:50%}.topComponentWrapper .topImage .textSection{position:absolute;top:180px;left:0;text-align:center;margin:15px}.topComponentWrapper .topImage .textSection .title{position:relative;background-color:#fff;color:#000;mix-blend-mode:screen;font-size:4em;font-family:Abril Fatface,cursive}.topComponentWrapper .topImage .textSection .description{padding:2px 0}.topComponentWrapper .topImage .textSection .description h3{font-size:1.5em}.topComponentWrapper .topPicSection{position:relative;display:flex;flex-direction:column;text-align:center;height:50vh;width:100vw;top:0;right:0}}@media only screen and (max-width:480px){.topComponentWrapper{position:relative;display:flex;flex-direction:column;justify-content:center}.topComponentWrapper .topImage{position:relative;left:0}.topComponentWrapper .topImage .imageContainer{position:relative;top:0;left:0;overflow:hidden;height:50vh;width:100vw;background-image:url(/imgs/eggPlant.20a86cc7bd444b498a8bf610b9d11a96.jpg);background-size:cover;background-repeat:no-repeat;background-position:50%}.topComponentWrapper .topImage .textSection{position:absolute;top:80px;left:0;text-align:center;margin:15px}.topComponentWrapper .topImage .textSection .title{position:relative;background-color:#fff;color:#000;mix-blend-mode:screen;font-size:2em;font-family:Abril Fatface,cursive}.topComponentWrapper .topImage .textSection .description{padding:2px 0}.topComponentWrapper .topImage .textSection .description h3{font-size:1em}.topComponentWrapper .topPicSection{position:relative;display:flex;flex-direction:column;height:50vh;width:100vw;top:0;right:0}}*{margin:0;padding:0}body{font-family:Archivo Narrow,sans-serif;background-color:#eaeaea;color:#263f44;box-sizing:border-box}.mainWrapper{display:flex;justify-content:center}.mainWrapper .contentsWrapper{min-height:100vh;background-color:#eaeaea}.pageWrapper{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:600px;height:400px;background:rgba(250,249,246,.5)}.pageWrapper .cardWrapper{display:flex;flex-direction:row;justify-content:center}.pageWrapper .inputSectionWrapper{position:relative;margin-top:10px;width:70%;display:flex;flex-direction:column;justify-content:center;align-items:center}@media only screen and (max-width:1024px){.pageWrapper{position:relative;width:100vw;height:50vh}.pageWrapper h3{position:relative;top:15px}.pageWrapper .cardWrapper{position:relative;display:flex;flex-direction:row;justify-content:center;margin-bottom:30px}.pageWrapper .inputSectionWrapper{margin:0}}@media only screen and (max-width:480px){.pageWrapper{position:relative;width:100vw;height:50vh}.pageWrapper h3{position:relative;top:15px}.pageWrapper .cardWrapper{position:relative;display:flex;flex-direction:row;justify-content:center;margin-bottom:30px}.pageWrapper .inputSectionWrapper{margin:0}}.modalWrapper{display:flex;flex-direction:column;justify-content:center;align-items:center}.modalWrapper h1{font-family:Abril Fatface,cursive}.modalWrapper h1,.modalWrapper p{font-size:1.5em;margin-bottom:10px}.modalWrapper h3{font-size:.8em;margin-bottom:10px}.modalWrapper a{position:absolute;bottom:10px}.modalWrapper .copyIcon:hover{cursor:pointer}