@import url(https://fonts.googleapis.com/css?family=Barlow:400,500,700);.Home-container{display:flex}#Home-image{width:43vw}.text-container{padding:20px 50px 0}.text-container p{padding:0 100px 0 5px}.text-container .home-text{font-size:4.3em}.text-container .home-text span{color:grey}.button-container{display:flex;flex-direction:column;align-items:center;margin-right:30px;margin-top:80px}.button-container button:hover{background-color:#c8c8c8}.button-container button:active{background-color:#fff}.link-login,.link-sign-up{margin-top:15px}.button-login,.button-sign-up{width:250px;height:35px;background-color:#fff;font-size:1.1em}.button-login:hover,.button-sign-up:hover{cursor:pointer}.link-about{margin-top:15px}.image-wrapper:before{position:absolute;content:"";z-index:1;display:block;top:0;left:0;width:43vw;height:100%;background:#fff;transform-origin:100% 50%;-webkit-animation:revealRight 1s cubic-bezier(.23,1,.75,1) forwards;animation:revealRight 1s cubic-bezier(.23,1,.75,1) forwards}@-webkit-keyframes revealRight{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes revealRight{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.text-wrapper{-webkit-animation:fadeInLeft .95s ease .4s forwards;animation:fadeInLeft .95s ease .4s forwards}@-webkit-keyframes fadeInLeft{0%{opacity:0;transform:translateX(20%)}to{opacity:1;transform:translate(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(20%)}to{opacity:1;transform:translate(0)}}.form-container{width:56vw;display:flex;flex-direction:column;align-items:center;padding-top:150px}.form-container .login-h1{font-size:3.5em}.form-container .login-h1 span{color:grey}.form-container .loginform{display:flex;flex-direction:column;height:250px;justify-content:space-evenly;align-items:center}.form-container .loginform .form-input{width:300px;height:30px;font-size:1.2em}.form-container .loginform #login-button{height:30px;background-color:#fff;font-size:1.1em}.form-container .loginform #login-button:hover{cursor:pointer;background-color:#c8c8c8}.form-container .loginform #login-button:active{background-color:#fff}.signup-form-container{width:56vw;display:flex;flex-direction:column;align-items:center;padding-top:150px}.signup-form-container .signupform{display:flex;flex-direction:column;height:450px;justify-content:space-evenly;align-items:center}.signup-form-container .signupform .form-input{width:300px;height:30px;font-size:1.2em}.signup-form-container #submit-button{height:30px;background-color:#fff;font-size:1.1em}.signup-form-container #submit-button:hover{cursor:pointer;background-color:#c8c8c8}.signup-form-container #submit-button:active{background-color:#fff}.title{text-align:center;font-size:1.4em}.card-container{display:flex;flex-wrap:wrap;align-content:space-evenly;justify-content:space-evenly;max-width:100%;margin-bottom:50px}.card-wrapper{width:380px;height:350px;background-color:#fff;display:flex;border:thin solid #a9a9a9;margin:10px}.card{font-family:Arial,Helvetica,sans-serif;width:100%}.card .flip-card-front{display:flex;flex-direction:column;align-items:center}.card .flip-card-front .card-keywords{font-size:1.2em}.card .flip-card-front .card-image{width:90%;height:300px;overflow:hidden;display:flex;justify-content:center;align-items:center;background:linear-gradient(#fff,transparent,#fff 90%),url(/static/media/undraw_wishes_icyp.0bcda9ea.png);background-position:50%;background-size:cover}.card .flip-card-front .card-image #card-pic{width:100%}.card .flip-card-back .card-text{height:80%;border:1px solid #fff}.card .flip-card-back .card-text h3,.card .flip-card-back .card-text p{margin:20px 40px 10px}.card .flip-card-back .card-like-wrapper{background-color:#fff;height:19%;display:flex;justify-content:center;align-items:center}.card .flip-card-back .card-like-wrapper p{margin-left:10px}.flip-card{background-color:transparent;border:1px solid #fff;perspective:1000px}.flip-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform 1s;transform-style:preserve-3d}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-back,.flip-card-front{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.flip-card-front{background-color:#fff;border:1px solid #999;color:#000}.flip-card-back{background:linear-gradient(#fff 45%,hsla(0,0%,88.2%,.25)),url(/static/media/pencils.a12108d1.jpg);background-position:50%;background-size:cover;border:1px solid #999;transform:rotateY(180deg)}.searchbar-container{display:flex;justify-content:center}.searchbar-container .searchbar-wrapper{display:flex;align-items:center}.searchbar-container .searchbar-wrapper h3{margin:0 10px}.searchresult-container{display:flex;width:100vw;flex-direction:column;align-items:center}.searchresult-container .resultcard-container,.wish-view{display:flex}.wish-view{height:100vh;width:100vw}.wish-view .wish-container{padding:15px;width:50%;display:flex;flex-direction:column;align-items:center}.wish-view .wish-container .name-container{display:flex;width:90%;align-items:center}.wish-view .wish-container .name-container button{width:100px;height:25px;font-size:.8em;background-color:#fff;border:.5px solid #000}.wish-view .wish-container .name-container p{font-weight:700;font-size:1.25em}.wish-view .wish-container .name-container .name-button-span{flex-grow:1}.wish-view .wish-container .wish-image-container{width:70%;height:30vw;background-position:50%;background-size:cover;overflow:hidden}.wish-view .wish-container .wish-image-container img{width:100%}.wish-view .wish-container .wish-bottom-container{width:80%}.wish-view .wish-container .wish-bottom-container button{width:100px;height:25px;font-size:.8em;background-color:#fff;border:.5px solid #000}.wish-view .comment-container{width:50%;padding:15px;background:linear-gradient(#fff 25%,hsla(0,0%,88.2%,.4) 90%),url(/static/media/connect.511f6f3b.png);background-position:50%;background-size:cover}.form_container{max-width:700px;margin:10px auto}.form_container,.wish-form{display:flex;flex-direction:column;align-items:center}.wish-form{background:linear-gradient(#fff,transparent,#fff 30%),url(/static/media/dreamcatcher.b675dbc3.jpg);background-position:50%;background-size:cover}.wish-form label{margin:10px 0}.wish-form textarea{height:80px}.wish-input{height:30px;width:50vw;min-width:240px;text-align:center;font-family:"Open Sans Condensed",sans-serif}.radiobutton-container{display:flex;align-items:center}.keywordsdata-container{display:flex;background-color:orange}.form-container-wish{height:100vh;background:linear-gradient(#fff 60%,transparent 90%),url(/static/media/pencils.a12108d1.jpg);background-position:50%;background-size:cover}.form-container-wish-edit{height:100vh;background:linear-gradient(#fff 65%,transparent 90%),url(/static/media/pencils.a12108d1.jpg);background-position:50%;background-size:cover}.userinfo-container .userinfo{display:flex;align-items:center}.userinfo-container .userinfo p{margin:0 5px 0 30px}.userinfo-container .userinfo .Username{font-size:1.3em;font-weight:700}.userinfo-container .userinfo .userinfo-text{color:grey}.userinfo-container .userinfo .profilepic{width:50px;height:50px;margin:0 10px 0 40px}@media (min-width:800px){.wishes-box{display:flex;margin-top:30px}.left{border-right:1px solid grey}.left,.right{width:50%;display:flex;flex-direction:column;align-items:center}}@media (min-width:500px) and (max-width:800px){.wishes-box{margin-top:30px}.left,.right{width:100%;display:flex;flex-direction:column;align-items:center}.right{border-top:1px solid grey}}.card-like-wrapper p{margin:0 10px 0 5px}.protectedButtons button{height:32px;padding:8px;margin:5px;background-color:#fff;border:.5px solid #000;border-radius:5px}.protectedButtons button:hover{background-color:#c8c8c8}.protectedButtons button:active{background-color:#fff}@media (min-width:600px){nav{padding:20px;height:55px;text-align:right;display:flex}}@media (min-width:360px){nav{height:80px;text-align:center}nav h1{font-size:1.1em}nav .nav-links{font-size:.9em;justify-content:space-evenly}}nav .nav-title-wrapper h1{color:grey}nav .nav-spaceholder{flex-grow:1}nav .nav-links{display:flex;align-items:center}nav a{text-decoration:none;color:#505050;margin:0 10px}nav a:hover{color:grey}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.conversationsList{background-color:#eee8aa;height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center}.conversationsList .wish-container{padding:15px;width:50%;display:flex;flex-direction:column;align-items:center}.conversationsList .wish-container .name-container{display:flex;width:90%;align-items:center}.conversationsList .wish-container .name-container p{font-weight:700;font-size:1.25em}.conversationsList .wish-container .name-container .name-button-span{flex-grow:1}.conversationsList .wish-container .wish-image-container{width:80%;height:300px;background-image:url(/static/media/undraw_wishes_icyp.0bcda9ea.png);background-position:50%;background-size:cover;overflow:hidden}.conversationsList .wish-container .wish-image-container img{width:100%}.conversationsList .wish-container .wish-bottom-container{width:80%}.conversationsList .comment-container{width:50%;padding:15px}.messagesArea{background-color:#6495ed}.newConversationForm{overflow-y:hidden}.newConversationForm .button{background-color:#6495ed;border:none;border-radius:4px;color:#fff;text-align:center;text-decoration:none;display:inline-block;font-size:16px;height:25px}.newConversationForm .form{border:#000;background-color:#fff;border-radius:2px;padding:5px 12px;text-decoration:none;display:inline-block;font-size:12px}.content{width:80vw;margin-left:40px}.content p{font-size:1.35em}.wish-submit{margin-top:20px;height:30px;background-color:#fff;font-size:1.1em;border:.5px solid #000}.wish-submit:hover{cursor:pointer;background-color:#c8c8c8}.wish-submit:active{background-color:#fff}body{margin:0;font-family:"Barlow",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
/*# sourceMappingURL=main.fe00a363.chunk.css.map */