@import url(https://fonts.googleapis.com/css2?family=Pacifico&display=swap);@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600&family=Pacifico&family=Stylish&display=swap);body{margin:0;padding: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}footer{bottom:0;color:#015687;text-align:center}footer,nav{background-color:#ffd346;box-shadow:1px 1px 1px 1px rgba(172,171,171,.22745098039215686);position:fixed;width:100%;z-index:2}nav{display:flex;align-items:center;min-height:40px;height:7vh;top:0}nav a{text-decoration:none;color:#015687}.navbar{margin:0 40px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:100%}.welcome{font-family:"Orbitron",serif;font-weight:700;font-size:2.5em}.links{max-width:700px;min-width:350px;width:33vw;display:flex;justify-content:space-between;align-items:center;font-size:24px}#hamburger-div{display:none}@media screen and (max-width:771px){.navbar{margin:0 15px}.active{height:100px}.links{display:flex;flex-direction:column;align-items:flex-end;margin-top:2px;margin-right:35px;min-width:120px;width:10vw}#hamburger-div{color:#015687;display:inline;position:absolute;right:20px;top:10px}#hamburger-logo{-webkit-transform:scale(1.5);transform:scale(1.5);margin-top:7px}#close-hamburger{font-size:25px}}.layout-children{width:100vw;margin-top:7vh}#background{position:fixed;object-fit:cover;width:100%;height:100%;z-index:-1}.layout{padding-top:20px}form label{padding-right:15px;width:20%;text-align:right}form input{background:#fff}.add-edit{background:rgba(255,183,153,.8);padding:40px;width:75vw;color:#015687}.add-edit,.add-edit form{box-sizing:border-box}.add-edit input{text-align:left}.input-div{display:flex;align-items:center;margin:15px 0;width:100%;box-sizing:border-box}#name{order:1}#name input{width:80%}.numbers-container{align-self:flex-end;order:2;display:flex;justify-content:space-between;width:100%;box-sizing:border-box}.numbers-container input{width:40%}#spf{width:57%}#spf label{width:40%}#spf input{width:60%;margin-right:0}#price{width:50%}#price label{width:40%}#price input{width:60%}#imgURL{order:4}#imgURL input{width:80%}#applyTo{margin:10px 0;order:3}#applyTo-fieldset{display:flex;border:none;width:75%}.radio-div{display:flex;align-items:center;width:100px}#category{order:5}#category fieldset{padding:0;border:none;display:flex;flex-wrap:wrap;width:80%}.category-item{margin-left:15px;display:flex;align-items:center}.category-item label{padding-left:5px;text-align:left;width:100%}.button-container{box-sizing:border-box;display:flex;justify-content:center;height:50px;margin-top:10px;order:6;text-align:center}#add-button{background:#f7ea0b;color:#015687;box-sizing:border-box}#add-button:hover{color:#fff;border:2px solid #fff;box-sizing:border-box}@media screen and (max-width:780px){.add-edit{padding:20px 20px 20px 10px;width:90vw}.numbers-container{flex-direction:column}#spf{width:100%}#spf label{width:20%}#spf input{width:80%}#price{width:100%}#price label{width:20%}#price input{width:80%}}@media screen and (max-width:680px){#category{display:flex;justify-content:space-between}#category fieldset{width:65%}.category-item{width:100%}}.inner-button-container{width:160px;height:60px}#save-button{background-color:#f7ea0b;color:#015687;margin:0 30px}#save-button:hover{color:#fff;border:2px solid #fff;box-sizing:border-box}#delete-button{background-color:#e8703e;color:#fff;margin:0 30px}#delete-button:hover{color:#fff;border:2px solid #fff;box-sizing:border-box}#SignIn-container{background:rgba(115,228,253,.38);text-align:center;margin-left:30%;margin-right:30%;margin-top:10%}#SignIn-container input{margin:12px 20%}#SignIn-container h3{font-weight:lighter;margin:10px;color:#015687;font-size:30px}#login-btn{background-color:#73e4fd;color:#015687}@media screen and (max-width:2109px){#SignIn-container{margin-top:6%}}@media screen and (max-width:1542px){#SignIn-container{margin-top:8%}}@media screen and (max-width:1167px){#SignIn-container{margin-top:9%}}@media screen and (max-width:1154px){#SignIn-container{margin-left:20%;margin-right:20%;margin-top:10%}}@media screen and (max-width:920px){#SignIn-container{margin-top:12%}}@media screen and (max-width:848px){#SignIn-container{margin-left:20%;margin-right:20%}}@media screen and (max-width:737px){#SignIn-container{margin-top:8%}}@media screen and (max-width:598px){#SignIn-container{margin-left:10%;margin-right:10%}}@media screen and (max-width:526px){#SignIn-container{margin-top:40%}}@media screen and (max-width:418px){#SignIn-container{margin-top:47%}}@media screen and (max-width:452px){#SignIn-container{margin-left:5%;margin-right:5%}}@media screen and (max-width:428px){#SignIn-container{margin-top:47%}}@media screen and (max-width:390px){#SignIn-container{margin-left:5%;margin-right:5%}#SignIn-container input{margin:11px 10%}}#SignUp-container{background:rgba(115,228,253,.38);text-align:center;margin-left:30%;margin-right:30%}#SignUp-container input{margin:11px 20%}#SignUp-container h3{font-weight:lighter;margin:12px;color:#015687;font-size:30px}#SignUp-btn{background-color:#73e4fd;color:#015687}@media screen and (max-width:2109px){#SignUp-container{margin-top:6%}}@media screen and (max-width:1542px){#SignUp-container{margin-top:8%}}@media screen and (max-width:1167px){#SignUp-container{margin-top:9%}}@media screen and (max-width:1154px){#SignUp-container{margin-left:20%;margin-right:20%;margin-top:10%}}@media screen and (max-width:920px){#SignUp-container{margin-top:12%}}@media screen and (max-width:848px){#SignUp-container{margin-left:20%;margin-right:20%}}@media screen and (max-width:737px){#SignUp-container{margin-top:8%}}@media screen and (max-width:598px){#SignUp-container{margin-left:10%;margin-right:10%}}@media screen and (max-width:526px){#SignUp-container{margin-top:40%}}@media screen and (max-width:418px){#SignUp-container{margin-top:47%}}@media screen and (max-width:452px){#SignUp-container{margin-left:5%;margin-right:5%}}@media screen and (max-width:428px){#SignUp-container{margin-top:47%}}@media screen and (max-width:390px){#SignUp-container{margin-left:5%;margin-right:5%}#SignUp-container input{margin:11px 10%}}a{text-decoration:none;color:#015687}.sunscreen-name{display:flex;justify-content:center;align-items:center;text-align:center;font-size:28px;padding:17px 17px 0;margin-top:20px;max-height:35px;z-index:1}.sunscreen-card{display:flex;flex-direction:column;align-items:center;box-shadow:0 0 3px 1px #cecece;transition:all .25s;width:425px;margin:10px 10px 60px;background-color:hsla(0,0%,100%,.338);border-radius:20px;box-sizing:border-box}.sunscreen-card:hover{-webkit-transform:scale(1.01);transform:scale(1.01)}.allTheScreens{width:90vw;display:flex;flex-wrap:wrap;justify-content:space-evenly;padding:40px}.sunscreen-card-image{width:300px;height:300px;object-fit:contain;margin-top:20px}.price{display:flex;align-items:center;justify-content:center;width:100%;height:60px;object-fit:cover;background:#ffb899;border-radius:0 0 20px 20px;font-size:28px}@media screen and (max-width:500px){.cardLink,main{display:flex;justify-content:center}.cardLink{width:280px}.allTheScreens{padding:10px;margin-top:15px;display:flex;justify-content:center}}.detail{display:flex;justify-content:row;margin:100px auto;width:85vw;padding:15px;left:165px;top:138px;background:rgba(195,252,241,.74);color:#015687;border-radius:50px}.leftSunDetails{display:flex;flex-direction:column;width:65%;padding:20px 10px 10px}.name{font-size:36px;text-align:center}.applyToAndSPF,.name{font-style:normal;font-weight:400}.applyToAndSPF{display:flex;justify-content:space-evenly;flex-direction:row;font-size:28px}#applyToSpan{margin-left:15px;background-color:#ffc172;border-radius:10px;padding:5px 15px;border:2px transparent}.category-info{font-size:25px;text-align:center}.rightSunDetails{display:flex;flex-direction:column;justify-content:center;width:35%}.sunscreen-detailPage-image{width:400px;height:450px;margin:auto;max-height:90%;object-fit:contain}.detail-img{display:flex;justify-content:center}.price-details{text-align:center;font-size:28px;z-index:1;margin-top:0}.detailedButtons{display:flex;justify-content:space-evenly;height:50px}.edit-button{background-color:#73e4fd;border-radius:10px;padding:5px 15px;border:2px transparent;font-size:28px}.edit-button:hover{color:#fff;border:2px solid #fff;box-sizing:border-box}.edit-button-container{display:flex;justify-content:center;width:73.91px}.back-button{display:flex;align-items:center;background-color:#e8703e;color:#fff;border-radius:10px;padding:5px 15px;border:2px;font-size:28px}.back-button:hover{color:#fff;border:2px solid #fff;box-sizing:border-box}#loading,.back-button-container{display:flex;justify-content:center}#loading{font-size:50px;color:#015687}@media screen and (max-width:600px){.detail{padding:10px;margin-top:95px;margin-bottom:25px}.leftSunDetails{width:65%;padding:10px 5px 5px}.leftSunDetails,.rightSunDetails{display:flex;flex-direction:column}.rightSunDetails{width:35%;position:relative}.applyToAndSPF{display:flex;justify-content:space-evenly;align-items:center;flex-direction:column;font-size:18px;font-style:normal;font-weight:400}.applyto-info,.spf-info{display:flex;align-items:center;justify-content:center}.applyto-info{padding:0 auto;width:103px}#applyToSpan{margin-left:15px;background-color:#ffc172;border-radius:10px;padding:5px 15px;border:2px transparent}.back-button,.edit-button{display:flex;justify-content:center;align-items:center;padding:5px 15px;font-size:20px}.sunscreen-detailPage-image{max-width:150px;min-width:120px;max-height:90%;object-fit:contain;margin:0 auto}.name{font-size:20px;text-align:center;margin-top:50px}.price-details{text-align:center;font-size:28px;z-index:1;position:absolute;bottom:55px;margin:0 auto;left:28px}.category-info{font-size:19px;text-align:center}}.WelcomePage{padding-top:40px;display:flex;justify-content:space-evenly}.WelcomeContainer{background:rgba(255,183,153,.82);border-radius:70px;width:60%;text-align:center;display:flex;flex-direction:row;color:#fff;margin-left:25px}.WelcomeContainer h1{font-family:"Pacifico",cursive;font-size:40px;color:rgba(255,0,0,.781)}.WelcomeContainer h3{padding-left:60px;padding-right:60px;font-size:25px}.SunImg{float:right;margin-right:70px;display:block;position:relative}#sun-image{width:300px;border-style:none;outline:none}#block-sun{position:absolute;right:85px;bottom:91px}#block-sun h1{text-align:center;display:inline-block;margin:50px auto;z-index:-1;font-size:25px;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff}#block-sun h1:hover{color:red;-webkit-transform:scale(1.01);transform:scale(1.01)}@media screen and (max-width:1270px){.WelcomeContainer{width:90%;margin:auto auto auto 4%}.WelcomeContainer h1{font-family:"Pacifico",cursive;font-size:40px;color:rgba(255,0,0,.781)}.WelcomeContainer h3{font-size:19px;padding:10px;font-size:26px}.SunImg{margin:20px auto}.WelcomePage{flex-direction:column;margin-bottom:130px;padding-top:12px}#block-sun{right:73px;bottom:92px}#block-sun h1{width:150px}}@media screen and (max-width:771px){.WelcomeContainer h1{font-size:32px}.WelcomeContainer h3{font-size:20px}}body,button{font-family:"Stylish",sans-serif}button{border-radius:10px;padding:5px 15px;border:2px transparent;font-size:28px}button,button:hover{box-sizing:border-box}button:hover{color:#fff;border:2px solid #fff}.form-container{height:70%;border-radius:50px;font-size:30px;margin:100px auto}.form-container,form{display:flex;flex-direction:column}form{margin:20px}input{border-radius:20px;border:2px transparent;height:40px;text-align:center;font-family:"Stylish",sans-serif;font-size:28px;padding:10px 15px}::-webkit-input-placeholder{color:#c4c4c4}:-ms-input-placeholder{color:#c4c4c4}::placeholder{color:#c4c4c4}@media screen and (max-width:780px){button{font-size:20px}input{font-size:22px}.form-container{font-size:25px;margin:15px auto 40px}}
/*# sourceMappingURL=main.be5fcad1.chunk.css.map */