body{margin:0;font-family:Raleway,sans-serif}button,input{font-family:Raleway,sans-serif}@keyframes showText{0%{opacity:0}to{opacity:1}}.AuthBox{height:80%;width:80%;display:flex;flex-direction:row;align-content:center;justify-content:center;flex-wrap:wrap}.AuthBoxLeft{height:100%;width:50%;box-sizing:border-box;background-color:#fff;border-radius:32px 0 0 32px;display:flex;justify-content:center;align-content:center;flex-wrap:wrap}.AuthBoxLeftInputContainer{height:60%;width:80%;display:flex;justify-content:space-around;align-content:space-around;flex-wrap:wrap}.AuthButton{width:50%;font-size:36px;margin:auto;padding-top:2%;padding-bottom:2%;outline:none;border:none;cursor:pointer;opacity:0;animation:showText .5s ease-in-out both}.AuthButton:active{filter:brightness(.8)}.AuthPasswordInputBox{border:3px solid #000000;font-size:48px;width:80%;text-align:center;border-radius:36px;opacity:0;animation:showText .5s ease-in-out both}.AuthTextInputBox{border:3px solid #000000;font-size:36px;width:80%;text-align:center;border-radius:36px;opacity:0;animation:showText .5s ease-in-out both;padding:1%}.ErrorMessage{display:block;width:100%;color:red;font-size:28px;text-align:center}.AuthBoxRight{height:100%;width:50%;box-sizing:border-box;border:5px solid #ffffff;border-radius:0 32px 32px 0;background-color:#0003}.AuthBoxRightHeader{height:20%;width:100%;display:flex;flex-direction:row;align-content:space-around;justify-content:space-between;flex-wrap:wrap}.AuthBoxRightTitle{display:inline-flex;text-align:center;place-items:center;color:#fff;font-size:24px;padding-left:5%}.AuthBoxRightTitleNavLinks{display:flex;justify-content:center;align-content:center;flex-wrap:wrap;width:50%;height:100%}.AuthBoxRightTitleLinks{color:#fff;font-size:24px;padding:1%;margin-left:10%;cursor:pointer}.AuthPage{width:100vw;height:100vh;background-color:#000;display:flex;flex-wrap:wrap;justify-content:space-around;align-content:space-around;flex-direction:row;background-image:url(https://images.pexels.com/photos/2559941/pexels-photo-2559941.jpeg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;animation:changer 32s infinite}@keyframes changer{0%{background-image:url(https://images.pexels.com/photos/2559941/pexels-photo-2559941.jpeg)}25%{background-image:url(https://images.pexels.com/photos/355829/pexels-photo-355829.jpeg)}50%{background-image:url(https://images.pexels.com/photos/1028203/pexels-photo-1028203.jpeg)}75%{background-image:url(https://images.pexels.com/photos/1647962/pexels-photo-1647962.jpeg)}to{background-image:url(https://images.pexels.com/photos/2559941/pexels-photo-2559941.jpeg)}}.DashboardBodyContent{height:100%;width:90%;display:flex;justify-content:center;align-content:center;flex-wrap:wrap}.DashboardBodyContentBox{height:95%;width:95%;background-color:#ffffffb3;border-radius:32px;overflow-y:auto}.CommentBtn{height:50px;width:50px;font-size:32px;border:none;outline:none;border-radius:50px;display:flex;place-items:center;justify-items:center;justify-content:center;align-content:center;flex-wrap:wrap;background-color:#00f59b;cursor:pointer}.CommentBtn:active{filter:brightness(.8)}.ShareBtn{height:50px;width:50px;font-size:36px;border:none;outline:none;border-radius:50px;display:flex;place-items:center;justify-items:center;background-color:#7014f2;color:#fff;cursor:pointer}.ShareBtn:active{filter:brightness(.8)}.Card{width:450px;height:300px;border:2px solid #000000;margin:25px;display:inline-flex;justify-content:space-around;align-content:space-around;flex-wrap:wrap;animation:showText .5s ease-in-out both;transition:all .5s ease}.CardContainer{height:90%;width:90%;border:2px solid #000000;background-color:#fff;display:flex;flex-wrap:wrap;animation:showText .5s ease-in-out both;align-content:center;justify-content:center}.CardPreview{height:100%;width:80%;cursor:pointer}.CardBtnContainer{height:100%;width:20%;display:flex;align-content:space-around;justify-content:space-around;flex-wrap:wrap;flex-direction:column}.CardImg{width:100%;height:80%;background-image:url(/assets/cardBG1-3fc40d37.png);background-size:50%;background-repeat:no-repeat;background-position:center}.CardTitle{width:100%;height:20%;display:flex;text-align:center;font-size:14px;place-items:center;align-items:center;justify-items:center;flex-wrap:wrap;justify-content:center;align-content:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.Share{height:100%;width:100%;display:flex;justify-content:center;align-content:center;flex-direction:column;flex-wrap:wrap}.ShareEmailInput{border:3px solid #000000;font-size:32px;text-align:center;border-radius:32px;margin-bottom:2.5%;width:90%}.ShareEmailBtn{background-color:#00f59b;border-radius:4px 16px 8px 12px;border:none;outline:none;font-size:32px;width:128px;margin-left:auto;margin-right:auto;cursor:pointer}.Unshare{font-size:32px;text-align:center}.Comment{height:90%;width:90%}.CommentContainer{height:80%;width:100%;overflow-y:auto}.CommentSection{width:100%;border-bottom:1px solid #000000;margin-bottom:9.5px;padding-bottom:9.5px}.CommenterName{font-size:14px;width:100%;display:block}.CommentValue{font-size:18px;width:100%;display:block}.CommentDate{margin-top:10px;font-size:10px;width:100%;display:block}.CommentGenerator{height:20%;width:100%}.CommentTextSend{border:2px solid black;width:100%;height:48px;border-radius:48px;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;align-content:center}.CommentText{border:none;outline:none;width:85%;background-color:inherit;font-size:28px;height:100%}.SendCommentBtn{height:48px;width:48px;border-radius:48px;background-color:#00f59b;font-size:28px;display:flex;flex-wrap:wrap;place-items:center;align-items:center;justify-items:center;justify-content:center;align-content:center}.SendCommentBtn{filter:brightness(.8)}.DashboardBodyContentHeader{width:100%;height:35%;display:flex;justify-content:space-around;align-content:space-around;flex-wrap:wrap}.UploaderContainer{width:50%;height:90%;border-radius:16px 32px 64px 48px;background-color:#3d405b}.uploader::-webkit-file-upload-button{visibility:hidden}.uploader:before{content:"Upload";display:flex;justify-content:center;align-content:center;align-items:center;justify-items:center;flex-wrap:wrap;text-align:center;width:100%;height:100%}.uploader{width:100%;height:100%;font-size:24px;font-family:Raleway}.DashboardBodyContentHeaderContainer{width:20%;height:90%;display:flex;justify-content:center;align-content:center;align-items:center;justify-items:center;flex-wrap:wrap;text-align:center;font-size:48px;opacity:0;animation:showText .5s ease-in-out both;border:2px solid black}.DashboardBodyContentHeaderContainerText{height:100%;width:100%;display:flex;justify-content:center;align-content:center;align-items:center;justify-items:center;flex-wrap:wrap;text-align:center;font-size:48px;opacity:0;animation:showText .5s ease-in-out both}.DashboardBody{width:100%;height:90%;display:flex;flex-direction:row;flex-wrap:wrap}.DashboardBodyNavbar{height:100%;width:10%;display:flex;justify-content:space-between;align-content:space-between;flex-wrap:wrap}.DashboardButton{width:120px;font-size:24px;padding:2%;outline:none;border:none;cursor:pointer}.DashboardButton:active{filter:brightness(.8)}.NavbarFooter{width:100%;height:40%;display:flex;justify-content:space-around;align-content:space-around;flex-wrap:wrap}.NavbarAdditionBox{width:90%;height:70%;border-radius:8px 32px 16px 24px;background-color:#f2cc8f;display:flex;justify-content:center;align-content:center;flex-direction:column;place-items:center;align-items:center;flex-wrap:wrap;border:2px solid #000000}.TotalAddent{display:block;height:30%;width:90%;font-size:48px;text-align:right;opacity:0;animation:showText .5s ease-in-out both;transition:all .5s ease-in-out}.TotalLine{width:80%;border-color:#000;opacity:0;animation:showText .5s ease-in-out both}.SuccessText{display:block;height:30%;width:90%;font-size:36px;text-align:center;color:#087e8b;opacity:0;animation:showText .5s ease-in-out both}.ErrorText{display:block;height:30%;width:90%;font-size:36px;text-align:center;color:#ff5a5f;opacity:0;animation:showText .5s ease-in-out both}.ValueTitleText{display:block;height:30%;width:90%;font-size:32px;text-align:right;opacity:0;animation:showText .5s ease-in-out both;transition:all .5s ease}.NavbarProfileSection{width:100%;height:35%;display:flex;justify-content:space-around;align-content:space-around;flex-wrap:wrap;flex-direction:column;margin-top:5%}.ProfilePicture{width:180px;height:180px;border-radius:200px;background-position:center;background-size:cover;background-repeat:no-repeat;border:2px solid #000000}.ProfileName{font-size:24px;color:#fff;text-align:center}.ProfileEmail{font-size:14px;color:#fff;text-align:center}.Dashboard{width:100vw;height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;background-image:url(https://images.pexels.com/photos/2739013/pexels-photo-2739013.jpeg);animation:bg-changer 48s infinite;display:flex;flex-wrap:wrap;align-content:center;justify-content:center}@keyframes bg-changer{0%{background-image:url(https://images.pexels.com/photos/2739013/pexels-photo-2739013.jpeg)}20%{background-image:url(https://images.pexels.com/photos/547114/pexels-photo-547114.jpeg)}40%{background-image:url(https://images.pexels.com/photos/707915/pexels-photo-707915.jpeg)}60%{background-image:url(https://images.pexels.com/photos/1072179/pexels-photo-1072179.jpeg)}80%{background-image:url(https://images.pexels.com/photos/2387873/pexels-photo-2387873.jpeg)}to{background-image:url(https://images.pexels.com/photos/2739013/pexels-photo-2739013.jpeg)}}.DashboardMask{height:100%;width:100%;background-color:#0006}.Uploader{width:120px;height:36px}.DashboardHeader{width:100%;height:10%;display:flex;justify-content:space-between;align-content:center;flex-wrap:wrap}.DashboardTitle{width:15%;height:100%;color:#fff;display:flex;align-items:center;justify-items:center;flex-wrap:wrap;align-content:center;justify-content:center;font-size:28px}.DashboardBtnContainer{width:15%;height:100%;display:flex;flex-wrap:wrap;align-content:center;justify-content:center}