@import url(https://fonts.googleapis.com/css2?family=Caveat&family=Cormorant+Garamond:wght@300&family=Italiana&family=Lobster&family=Poiret+One&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}body{background-image:url(/static/media/3520846.2aac5626.jpg);background-image:linear-gradient(rgba(48,46,46,.5),rgba(37,35,35,.5)),url(/static/media/3520846.2aac5626.jpg);background-position:50%;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;min-height:100vh;width:100%;box-sizing:border-box;height:calc(100vh - 80px);flex-grow:1;margin:80px 0 0}.app{min-height:100%}.home-main-div{position:relative}.home-logo,.home-main-div{display:flex;justify-content:center;align-items:center;margin:0 auto}.home-vinyl-vault{margin-top:55px!important;position:relative;top:0;left:0;right:0;bottom:0;position:absolute;margin:0 auto;width:100%}.home-album{max-width:100%}.rotate{-webkit-animation:rotation 10s;animation:rotation 10s}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.linear{-webkit-animation-timing-function:linear;animation-timing-function:linear}.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.rotate-image{-webkit-animation:rotation 2s linear infinite;animation:rotation 2s linear infinite}@media only screen and (min-device-width:320px) and (max-device-width:568px){.home-main-div{position:relative;margin:100px auto 0}.home-main-div,body .home-logo{display:flex;justify-content:center;align-items:center}body .home-logo{margin:0 auto}.home-vinyl-vault{width:100%}.home-album{max-width:100%}}@media only screen and (min-device-width:768px) and (max-device-width:1024px){.home-main-div{margin-top:100px}.home-vinyl-vault{width:80%}}.layout-children,nav{display:flex;align-items:center}nav{position:fixed;top:0;width:100%;height:80px;z-index:1;justify-content:space-between;flex-wrap:nowrap;background-color:#202123}.nav-logo{padding:auto;height:auto;width:4vw;box-sizing:border-box}.nav-left{padding:0 0 0 25px}.nav-center,.nav-left{display:flex;align-items:center;flex-wrap:nowrap}.nav-center{padding:0 25px}.nav-title{height:auto;width:14vw;box-sizing:border-box;padding-bottom:4px}.nav-link-models,.nav-link-sign-in,.nav-link-sign-out,.nav-link-sign-up{text-decoration:none;color:#dfa300;margin:0 20px;font-size:20px}.nav-link-models-button{background-color:#dfa300;padding:.35em 1.2em;color:#000;font-weight:700}.nav-right,nav-link-sign-up{display:flex;align-items:center;padding:0 25px 0 0}.nav-welcome{text-transform:uppercase;color:#dfa300;font-style:italic;font-size:25px;font-weight:500}.nav-link-account:hover,.nav-link-models:hover,.nav-link-sign-in:hover{color:#fbc804;border-bottom:1px solid #f8b704;transition:all .2s ease-in-out}.nav-link-account-icon img:hover,.nav-link-models-icon img:hover,.nav-link-sign-in-icon img:hover{-webkit-filter:invert(67%) sepia(31%) saturate(6368%) hue-rotate(179deg) brightness(101%) contrast(91%);filter:invert(67%) sepia(31%) saturate(6368%) hue-rotate(179deg) brightness(101%) contrast(91%)}@media only screen and (max-width:480px){.nav-logo{height:auto;width:60px}.nav-title{display:none}.nav-link-account,.nav-link-models,.nav-link-sign-in,.nav-welcome{font-size:10px;text-align:center}.nav-left{justify-content:flex-start;padding:5px;margin:0 auto}.nav-center{display:none;width:1px}.nav-btns{display:flex;justify-content:center;align-items:center}.nav-right{justify-content:space-evenly}.nav-welcome{display:none}}@media only screen and (min-device-width:768px) and (max-device-width:1024px){.nav-logo{height:auto;width:80px}.nav-title{display:none}.nav-welcome{font-size:18px}.nav-link-models{margin-right:2px;padding:0}.nav-left{justify-content:flex-start;padding:5px;width:100px;margin:0}.nav-center{padding:0;margin:0;width:10%}.nav-right{justify-content:space-between}}footer{position:fixed;bottom:0;width:100%;height:70px;margin-bottom:-10px;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;background-color:#202123}.footer-copyright{font-size:14px;position:absolute;left:35px;color:#f0f8ff}.footer-name{color:#f0f8ff}.small-logo-div{position:absolute;right:35px}.small-logo{width:35px;height:auto;margin-left:15px}.albums{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center}@media only screen and (max-width:480px){.albums{padding-top:10px;margin:0 auto;padding-left:15px}}.maincontainer{width:302px;height:299px;margin:10px}.cover_url{border-radius:3px;width:300px}.back h2,.back p{position:absolute}.back p{top:50px;font-size:15px}.album-title{font-weight:800;font-size:30px;padding:5px}.album-display-info,.album-title{font-family:"Cormorant Garamond",serif;line-height:1.1}.album-display-info{font-weight:700;font-size:25px}.maincontainer>.front{position:absolute;-webkit-transform:perspective(600px) rotateY(0deg);transform:perspective(600px) rotateY(0deg);width:302px;height:290px;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:-webkit-transform .5s linear 0s;transition:transform .5s linear 0s;transition:transform .5s linear 0s,-webkit-transform .5s linear 0s}.image{width:302px}.maincontainer>.back{position:absolute;-webkit-transform:perspective(600px) rotateY(180deg);transform:perspective(600px) rotateY(180deg);background:#262626;color:#dfa300;width:302px;height:290px;border-radius:10px;padding:5px;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:-webkit-transform .5s linear 0s;transition:transform .5s linear 0s;transition:transform .5s linear 0s,-webkit-transform .5s linear 0s}.maincontainer:hover>.front{-webkit-transform:perspective(600px) rotateY(-180deg);transform:perspective(600px) rotateY(-180deg)}.maincontainer:hover>.back{-webkit-transform:perspective(600px) rotateY(0deg);transform:perspective(600px) rotateY(0deg)}@media only screen and (max-width:480px){.cover_url{width:280px}}.create-album-container{display:flex;border-radius:4%;margin:80px auto 0;width:70vw;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);transition:.3s;background-color:rgba(17,16,16,.5);border-radius:5px;padding-bottom:25px}.album-create-title{display:flex;width:100%;text-align:center;font-family:"Cormorant Garamond",serif;font-size:3.25vw;color:#dfa300;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;line-height:1.5;font-weight:600;padding:5px}.album-create{display:flex;border-radius:4%;margin:40px auto 0}.album-create-form{padding-top:50px;display:flex;flex-direction:column;height:100%;width:100%;justify-content:space-evenly}.album-create-inputbox{font-size:2.5vw;margin:5px;width:25vw}.ablum-create-submit-button{display:flex;font-size:1.5vw;font-family:Arial,Helvetica,sans-serif;width:10vw;margin-top:25px;background-color:#000;color:#dfa300;border:none;box-shadow:2px 2px 10px 2px #cecece;cursor:pointer;transition-duration:.4s}.ablum-create-submit-button:hover{background-color:#fbc804;color:#000}@media only screen and (min-device-width:375px) and (max-device-width:667px){.create-album-container{flex-direction:column;margin-top:40px;width:80%;justify-content:center;align-items:center}.album-create-title{display:flex;width:100%;font-size:35px;line-height:1.1}.album-create{border-radius:4%;margin:10px auto 0}.album-create,.album-create-form{display:flex;flex-direction:column}.album-create-form{padding-top:50px;height:100%;width:80%;justify-content:space-evenly}.album-create-inputbox{font-size:25px;width:85%;margin:5px 5px 5px 20px}.ablum-create-submit-button{font-size:25px;width:100px;margin-top:10px;margin-left:80px 20px 20px 20px}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1){.create-album-container{flex-direction:column;width:94%;justify-content:center;align-items:center;margin:20px}.album-create-title{width:100%;font-size:45px;line-height:1.1}.album-create-inputbox{font-size:35px;width:295px;margin:5px 5px 5px 15px;padding:0}.ablum-create-submit-button{width:125px;margin-top:10px;margin-left:20px;font-size:35px}}.sign-in-form-container{margin:0 auto}.sign-in-container,.sign-in-form-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.sign-in-container{background-color:#0ff;border-radius:4%;margin:80px auto 0;width:29vw;padding:15px 45px 35px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);transition:.3s;background-color:rgba(17,16,16,.5);border-radius:5px}.sign-in-title{font-size:55px;line-height:1.3;padding:15px;text-align:center}.sign-in,.sign-in-form{position:relative}.sign-in-form{display:flex;flex-direction:column;line-height:1.4;font-size:35px}.sign-in-album{top:0;left:0;right:0;bottom:0;position:absolute}.signin-label{font-size:35px}.signin-inputbox{font-size:36px;margin:5px;width:25vw;padding:10px}.sign-up-form-container{margin:0 auto}.sign-up-container,.sign-up-form-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.sign-up-container{background-color:#0ff;border-radius:4%;margin:80px auto 0;width:29vw;padding:15px 45px 35px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);transition:.3s;background-color:rgba(17,16,16,.5);border-radius:5px}.sign-up-title{font-size:55px;line-height:1.3;padding:15px;text-align:center}.sign-up,.sign-up-form{position:relative}.sign-up-form{display:flex;flex-direction:column;line-height:1.4;font-size:35px}.sign-up-album{top:0;left:0;right:0;bottom:0;position:absolute}.signup-label{font-size:35px}.signup-inputbox{font-size:36px;margin:5px;width:25vw;padding:10px}.input-name{font-size:48px}.album-edit-container{display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:4%;margin:40px auto 0}.image-container{display:flex;flex-direction:column;align-items:center}.album-edit-image{width:40vw}.album-edit-form{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 0 0 40px}.edit-create-form{display:flex;flex-direction:column;width:30vw;box-shadow:0 4px 8px 0 rgba(0,0,0,.9);transition:.3s;background-color:rgba(3,3,3,.6);border-radius:5px;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;padding:0 15px 25px;line-height:1.5}.create-form{box-shadow:0 8px 16px 0 rgba(0,0,0,.2)}h2{font-size:35px;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.album-edit-label,h2{font-family:"Cormorant Garamond",serif;font-weight:600;color:#f0f8ff}.album-edit-label{font-size:25px;margin-bottom:-5px}.album-input{font-size:20px;width:28vw}.album-edit-submit-button{font-size:22px;font-family:Arial,Helvetica,sans-serif;height:40px;width:10vw;margin-top:25px;background-color:#000;color:#dfa300;border:none;box-shadow:2px 2px 10px 2px #cecece;cursor:pointer;transition-duration:.4s}.album-edit-submit-button:hover{background-color:#fbc804;color:#000}.album-edit-delete-button{font-size:22px;font-family:Arial,Helvetica,sans-serif;height:40px;width:10vw;margin-top:40px;background-color:#000;color:#dfa300;border:none;box-shadow:2px 2px 10px 2px #cecece;cursor:pointer;margin-top:15px!important;transition-duration:.4s}.album-edit-delete-button:hover{background-color:#fbc804;color:#000}@media only screen and (min-device-width:375px) and (max-device-width:667px){.album-edit-container{display:flex;flex-direction:column;margin-top:10px}.album-edit-image{width:200px}.album-edit-form{display:flex;flex-direction:column;margin:0 auto}h2{margin:0;font-size:20px;font-weight:600}.album-edit-label{font-size:16px;font-weight:600}.edit-create-form{width:350px;margin-top:5px}.album-input{font-size:13px;width:100%}.album-edit-submit-button{width:75px}.album-edit-delete-button,.album-edit-submit-button{font-size:17px;font-family:Arial,Helvetica,sans-serif;height:30px}.album-edit-delete-button{width:70px;margin-left:20px}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1){.album-edit-image{width:400px}.edit-create-form{width:450px;margin-top:5px}.album-edit-form{margin:0 10px 0 20px}.album-input{font-size:20px;width:40vw}.album-edit-submit-button{font-size:20px;height:40px;width:90px;margin-left:5px}.album-edit-delete-button{font-size:20px;height:42px;width:90px;margin-left:20px}}.album-detail-container{margin:0 auto;padding:50px 0 30px}.album-detail,.album-detail-container{display:flex;flex-direction:row;align-items:center;justify-content:center}.album-detail{color:#0a0a09;width:auto}.render-detail{font-size:3vw}.detail{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.25;font-size:50px;font-family:"Cormorant Garamond",serif;font-weight:600;color:#dfa300;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;padding:15px;box-shadow:4px 4px 8px 0 #000;transition:.3s;background-color:rgba(5,5,5,.5);border-radius:3px;width:37vw}.detail:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.9)}.button-container{margin:0}.album-detail-image{display:flex;width:37vw;padding:20px;margin-right:10px}.button-container{margin:0 auto}.album-detail-edit-button{font-size:1.5vw;height:3.5vh;background-color:#000;width:10vw;border:none;box-shadow:2px 2px 10px 2px #cecece;cursor:pointer;margin:0 auto}.album-detail-href{color:#dfa300}.album-detail-edit-button{transition-duration:.4s;color:#000!important}.album-detail-edit-button:hover{background-color:#fbc804;color:#000!important}@media only screen and (max-width:480px){.album-detail-container{padding-top:0}.album-detail{display:flex;flex-direction:column;align-items:center;justify-content:center;width:auto}.album-detail-image{display:flex;width:70%;padding:5px;margin:0}.render-detail{font-size:5vw}.detail{width:69%}.album-detail-edit-button{font-size:20px;height:3.5vh;margin-top:5px;width:100%}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1){.album-detail-container{padding-top:10px}.album-detail{display:flex;flex-direction:column;align-items:center;justify-content:center;width:auto}.album-detail-image{display:flex;width:95%;padding:5px;margin:0}.render-detail{font-size:4vw}.detail{width:90%;margin-top:15px}.album-detail-edit-button{font-size:20px;height:3.5vh;margin-top:5px;width:100%}}
/*# sourceMappingURL=main.7fae7028.chunk.css.map */