:root{--font1a: "Raleway";--font1b: "sans-serif";--font2a: "Roboto";--font2b: "sans-serif";--font3a: "Alice";--font3b: "serif";--main-bg-color: white;--dark-font-color: #55433b;--light-font-color: #bca79d;--highlight-color: #c4515c}*,#root{margin:0;padding:0}.container{font-family:var(--font1a),var(--font1b);background-color:var(--main-bg-color);font-weight:300;margin:0;padding:0;color:var(--dark-font-color)}.header{text-align:center;font-family:var(--font1a),var(--font1b);font-size:2.1rem;font-weight:200;color:var(--dark-font-color);padding-top:.8rem;position:relative}.carys-logo{width:auto;height:3.5rem}.nav img{filter:invert(60%);display:block;position:absolute;top:2.8rem;left:4%;margin:.5rem auto 1rem;width:1rem;height:auto;cursor:pointer}.nav ul{text-align:center;margin-left:auto;margin-right:auto;display:flex;list-style-type:none;font-size:.8rem;margin-top:.3rem;justify-content:space-evenly;flex-wrap:wrap;height:2rem;background-image:linear-gradient(to right,var(--main-bg-color),#c39f7d,var(--main-bg-color))}.nav li{padding:.5rem .4rem}.nav a{color:var(--dark-font-color);font-family:var(--font1a),var(--font1b);font-weight:300;text-decoration:none}.fotoItem{text-align:center;margin-bottom:.3rem}.fotoItem img{object-fit:contain;max-height:95vh;min-width:20rem;max-width:95%;margin-bottom:0rem}.homepage{text-align:center}.home-info-statement{min-width:20rem;max-width:95%;margin:1rem auto;padding:.4rem .2rem;font-size:1.1rem;font-family:var(--font1a),var(--font1b)}.home-blurb{text-align:center;margin-left:auto;margin-right:auto;width:85%;max-width:70rem}.special{margin-top:1.4rem;margin-bottom:2rem}.review-teaser{text-align:center;margin-left:auto;margin-right:auto;min-width:20rem;max-width:95%;color:var(--dark-font-color)}.review-teaser p{margin:1rem auto 1.2rem;text-align:center;max-width:40rem;padding-left:1.8rem;padding-right:1.8rem}.popQuoteList{margin-top:2rem}.popQuote{margin-bottom:.9rem;padding-bottom:.8rem}.popQuote p{font-size:1rem;margin-top:.8rem;color:var(--dark-font-color);padding-left:1.8rem;padding-right:1.8rem}.portfolio{text-align:center;padding-top:1.5rem}.portfolioLinksDiv{display:flex;flex-direction:column;justify-content:space-around;margin-left:auto;margin-right:auto}.portfolioLinksDiv img{width:80vw;height:auto}.portfolioLink{margin-top:1.2rem;margin-bottom:1rem}.portfolioLink p{font-size:1.2rem;margin-bottom:.4rem;font-family:var(--font1a),var(--font1b)}.scrollUpButtonDiv{margin-bottom:1rem}.scrollUpButton{background-color:transparent;border:none;padding:.8rem 1.5rem;cursor:pointer;font-size:2rem}.about{margin-left:1rem;margin-right:1rem;margin-top:.5rem;text-align:center}.about .about-me-title{font-size:1.2rem;margin-bottom:.4rem;font-family:var(--font1a),var(--font1b);text-align:center}.about img{object-fit:contain;width:90%;min-width:18rem;height:auto;margin-top:1rem;margin-bottom:1rem}.about p{font-size:1rem;margin-bottom:.8rem;padding-left:1.8rem;padding-right:1.8rem;text-align:left}.pricing{margin-top:1rem;margin-left:.3rem;margin-right:.3rem;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.pricingBlock{border:1px solid var(--light-font-color);border-radius:.5rem;padding:1.5rem;margin-bottom:1rem;box-shadow:0 2px 6px #0000001a;background-color:#fff;display:flex;flex-direction:column;align-items:stretch;transition:transform .2s ease,box-shadow .2s ease}.pricingBlock:hover{transform:translateY(-3px);box-shadow:0 4px 12px #00000026}.pricing .pricing-title{font-size:1.2rem;margin-bottom:.2rem;font-family:var(--font1a),var(--font1b);text-align:center;color:var(--dark-font-color)}.pricing img{object-fit:contain;width:99%;min-width:18rem;height:auto;margin-bottom:1rem}.pricing ul{padding-left:2rem;margin:.5rem 0}.pricing p{font-size:1rem;margin:.5rem 0;color:var(--dark-font-color);text-align:left}.pricing .priceInfo{font-size:1.1rem;font-weight:700;color:var(--highlight-color);margin:.8rem 0;text-align:center}.contact{text-align:center;margin-top:.7rem;margin-left:.6rem;margin-right:.6rem}.contact h2{font-size:1.5rem;margin-top:1.6rem;color:var(--dark-font-color)}.contact h3{font-size:1.1rem;margin-top:1.2rem;color:var(--dark-font-color)}.contact p{margin-top:.3rem;color:var(--dark-font-color);font-size:1.1rem;padding-left:1rem;padding-right:1rem;padding-bottom:.8rem;text-align:justify}.contact a{color:#389993}.contactForm{max-width:60%;text-align:center;margin-left:auto;margin-right:auto;font-family:var(--font1a),var(--font1b);margin-top:3.5rem;margin-bottom:2.5rem}.contactForm p{font-size:1.6rem;font-style:italic}.contactForm form{display:flex;flex-direction:column;align-content:space-around}.contactForm input{margin-bottom:1.4rem;background-color:var(--main-bg-color);border:none;border-bottom:solid 1px var(--light-font-color);border:solid 1px var(--light-font-color);border-radius:.4rem;padding:.5rem;font-size:1rem;color:var(--dark-font-color)}.contactForm select{margin-bottom:1.4rem;padding:.5rem;font-size:1rem;color:var(--dark-font-color);border:solid 1px var(--light-font-color);border-radius:.4rem;background-color:var(--main-bg-color)}.contactForm textarea{margin-bottom:.8rem;background-color:var(--main-bg-color);border:solid 1px var(--light-font-color);border-radius:.4rem;padding:.5rem;font-size:1rem;color:var(--dark-font-color)}.contactForm .submit{margin-top:1.2rem;padding-top:.4rem;padding-bottom:.4rem;border:solid thin var(--highlight-color);border-radius:.4rem;width:6rem;font-size:1.1rem;color:var(--highlight-color);align-self:center;cursor:pointer}.blog{text-align:center;margin-left:auto;margin-right:auto}.footer{display:flex;align-items:center;justify-content:space-around;padding:1.6rem;margin-top:1rem;color:var(--dark-font-color)}.footer p{font-size:.8rem}@media screen and (min-width: 400px){.header{font-size:2.5rem;padding-top:1rem;padding-bottom:.6rem}.carys-logo{height:5rem}.nav img{width:1.2rem;top:4.5rem}.nav ul{font-size:1rem;justify-content:center}.nav li{padding:.5rem .9rem}.emailSendDiv input,.emailSendDiv textarea{width:18rem}}@media screen and (min-width: 700px){.header{font-size:3.1rem;padding-top:1.4rem;padding-bottom:.6rem}.carys-logo{height:7rem}.nav img{width:1.4rem;top:6.5rem}.nav ul{font-size:1.1rem;flex-direction:row;width:100%;height:100%;flex:33% 33% 33% 50% 50%}.fotoItem{margin-bottom:.6rem}.fotoItem img{width:94%;height:auto}.popQuoteList{width:42rem;margin-left:auto;margin-right:auto}.home-info-statement{font-size:1.2rem;width:94%}.special{margin-bottom:1.8rem;margin-bottom:2.6rem}.review-teaser{width:94%;font-size:1.1rem}.review-teaser p{text-align:left}.portfolioQuote{margin:1.2rem auto 1rem;width:85%;color:var(--light-font-color);font-size:1rem}.portfolioLink{margin-bottom:2rem}.portfolioLink p{font-size:1.4rem}.about{width:85%;margin-left:8%}.about .about-me-title{font-size:1.4rem;margin-bottom:.4rem}.about p{font-size:1.1rem}.pricing{width:35rem;margin-left:auto;margin-right:auto;text-align:center}.pricing .pricing-title{font-size:1.4rem;margin-bottom:.4rem}.pricing ul{display:inline-block;text-align:left;margin-top:.5rem;font-size:1.1rem}.pricing p{font-size:1.1rem}.contact{width:42rem;margin-left:auto;margin-right:auto}.contact h2{font-size:1.6rem;margin-top:2rem}.contact h3,.contact p{font-size:1.2rem}.footer{padding:1.8rem;text-align:center}.footer p{font-size:.9rem}}@media screen and (min-width: 1000px){.header{font-size:3.9rem;padding-top:2rem;padding-bottom:.6rem}.carys-logo{height:10rem}.nav img{width:1.5rem;top:10rem;left:8%}.fotoItem img{width:96%}.popQuoteList{width:45rem}.popQuote p{font-size:1.1rem}.home-info-statement{width:96%;font-size:1.8rem}.review-teaser{width:96%}.portfolioLinksDiv{flex-direction:row;max-width:140rem}.portfolioLinksDiv img{width:40vw;height:auto;max-width:68rem}.portfolioLink{margin-bottom:3.5rem}.portfolioLink p{font-size:1.6rem}.about{margin-left:auto;margin-right:auto}.about .about-me-title{font-size:1.6rem;margin-bottom:.4rem}.about img{width:95%;max-width:65rem}.about p{font-size:1.2rem;width:75%;max-width:65rem;text-align:left;margin-left:auto;margin-right:auto}.pricing{width:50rem}.pricingBlock{padding-bottom:1.8rem;padding-top:1.8rem}.pricing .pricing-title{font-size:1.6rem;margin-bottom:.4rem}.pricing ul,.pricing p{font-size:1.2rem}.footer{padding:1.9rem;text-align:center}.footer p{font-size:1rem}}body{margin:0}