@import"https://fonts.googleapis.com/css2?family=Muli&display=swap";.App{text-align:center;scroll-behavior:smooth}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-float infinite 3s ease-in-out}}.App-header{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin)}.App-link{color:#704cb6}@keyframes App-logo-float{0%{transform:translateY(0)}50%{transform:translateY(10px)}to{transform:translateY(0)}}@media only screen and (max-width: 600px){#home{padding-left:.7rem;padding-right:.7rem;visibility:hidden;transform:translateY(100vw);transition:transform 1s ease-in;opacity:0}#home h1{font-size:36px;font-family:Helvetica,Helvetica,Arial,sans-serif}#home div #para{font-weight:700;text-indent:.5rem;text-align:justify}#home.slideup{visibility:visible;opacity:1;transform:translateY(0)}}@media only screen and (min-width: 760px){#home{margin-left:2rem;margin-right:2rem;padding-bottom:2rem;padding-top:1rem;visibility:hidden;transform:translateY(70vw);transition:transform 1s ease-in;opacity:0}#home h1{font-size:36px;font-family:Helvetica,Helvetica,Arial,sans-serif}#home div #para{font-weight:700;text-indent:2rem;text-align:justify}#home.slideup{visibility:visible;opacity:1;transform:translateY(0)}}@media only screen and (min-width: 1024px){#home{padding-left:3rem;padding-right:3rem;visibility:hidden;transform:translateY(100vw);transition:transform 1s ease-in;opacity:0}#home h1{font-size:48px;font-family:Helvetica,Helvetica,Arial,sans-serif}#home div #para{font-weight:700;text-align:justify}#home.slideup{visibility:visible;opacity:1;transform:translateY(0)}}@media only screen and (min-width: 1920px){#home{padding:6rem;visibility:hidden;transform:translateY(50vw);transition:transform 1s ease;opacity:0}#home h1{font-size:48px;font-family:Helvetica,Helvetica,Arial,sans-serif}#home div #para{font-weight:700;text-align:center;text-indent:2rem}#home.slideup{visibility:visible;opacity:1;transform:translateY(0)}}@media only screen and (max-width: 600px){.container{width:100vw}.panel:nth-of-type(4),.panel:nth-of-type(5){display:none}.container{display:flex;width:90vw}.panel{background-size:cover;background-position:center;background-repeat:no-repeat;height:70vh;border-radius:50px;color:#fff;cursor:pointer;flex:.5;margin:.1rem .4rem;position:relative;transition:flex .7s ease-in}.panel h3{font-size:24px;position:absolute;bottom:20px;left:20px;margin:0;opacity:0}.panel.active{flex:5}.panel.active h3{opacity:1;transition:opacity .3s ease-in .4s}#skills{padding-top:1rem;padding-bottom:2rem;background-color:#000}#skills h1{font-size:36px;font-family:Helvetica,Helvetica,Arial,sans-serif;color:#fff}#skills div #para{font-weight:700;color:#fff}}@media only screen and (min-width: 760px){.container{display:flex;width:90vw;margin-left:.5rem;margin-right:.5rem}.panel{background-size:cover;background-position:center;background-repeat:no-repeat;height:60vh;border-radius:3.125rem;color:#fff;cursor:pointer;flex:.5;margin:.625rem;position:relative;transition:flex .7s ease-in}.panel h3{font-size:1.5rem;position:absolute;bottom:1.25rem;left:1.25rem;margin:0;opacity:0}.panel.active{flex:5}.panel.active h3{opacity:1;transition:opacity .3s ease-in .4s}#skills{padding-top:1rem;padding-bottom:4rem;padding-right:1rem;background-color:#000}#skills h1{font-size:36px;font-family:Helvetica,Helvetica,Arial,sans-serif;color:#fff}#skills div #para{font-weight:700;color:#fff}}@media only screen and (min-width: 1024px){.container{display:flex;width:90vw}.panel{background-size:cover;background-position:center;background-repeat:no-repeat;height:60vh;border-radius:3.125rem;color:#fff;cursor:pointer;flex:.5;margin:.625rem;position:relative;transition:flex .7s ease-in}.panel h3{font-size:1.5rem;position:absolute;bottom:1.25rem;left:1.25rem;margin:0;opacity:0}.panel.active{flex:5}.panel.active h3{opacity:1;transition:opacity .3s ease-in .4s}#skills{padding:1rem 1rem 4rem .5rem;background-color:#000}#skills h1{font-size:48px;font-family:Helvetica,Helvetica,Arial,sans-serif;color:#fff}#skills div #para{font-weight:700;color:#fff}}@media only screen and (min-width: 1920px){#skills{padding:1rem 5rem 4rem;background-color:#000}#skills h1{font-size:48px;font-family:Helvetica,Helvetica,Arial,sans-serif;color:#fff}#skills div #para{font-weight:700;color:#fff}}@media only screen and (max-width: 600px){@keyframes slide-in{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(50vw)}}.form{display:flex;flex-direction:column}.form-h1{color:#ff6f91}.form-field{color:#ffc75f;margin:.4rem .2rem;height:1.4rem;border-radius:.5rem;border-color:#ddd1d1;font-family:Arial,Helvetica,sans-serif;background-color:transparent;padding-left:.4rem}.form-field::placeholder{color:#e8d7d7;padding-left:.6rem;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.form-button{background-color:#d6bcce;margin-top:.6rem;margin-left:9rem;border-radius:.7rem;border-width:.2rem;border-color:#d6bcce;height:2rem;color:#fff;font-weight:700;display:flex;justify-content:center;padding-top:.3rem}.form-error{color:red;font-size:.8rem;font-family:Arial,Helvetica,sans-serif;margin-top:.02rem;margin-bottom:.02rem}#contact{border:.4rem solid #845ec2;border-radius:.7rem;margin:1rem;padding-left:.5rem;padding-right:.5rem;visibility:hidden;transform:translateY(100vw);transition:transform 1s ease;opacity:0}#contact #firsth1{color:#d65d81}#contact #callme{padding-bottom:2rem}#contact #callme #picture{border:.5rem solid #845ec2;border-radius:1rem;height:11rem;width:18.75rem;margin:auto}#contact #callme #picture #picture1{width:18.75rem;height:11rem;border-radius:.5rem}#contact.slideup{visibility:visible;opacity:1;transform:translateY(0)}}@media only screen and (min-width: 760px){@keyframes slide-in{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(50vw)}}.form{display:flex;flex-direction:column}.form-h1{color:#ff6f91}.form-field{color:#ffc75f;margin:.4rem .2rem;height:1.4rem;border-radius:.5rem;border-color:#ddd1d1;font-family:Arial,Helvetica,sans-serif;background-color:transparent;padding-left:.4rem}.form-field::placeholder{color:#e8d7d7;padding-left:.6rem;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.form-button{background-color:#d6bcce;margin-top:.6rem;margin-left:1rem;border-radius:.7rem;border-width:.2rem;border-color:#d6bcce;height:2rem;color:#fff;font-weight:700;padding-left:.6rem}.form-error{color:red;font-size:.8rem;font-family:Arial,Helvetica,sans-serif;margin-top:.02rem;margin-bottom:.02rem}#contact{border:.6rem solid #845ec2;border-radius:1rem;margin:1.5rem;padding-left:4.5rem;padding-right:4.5rem;visibility:hidden;transform:translateY(100vw);transition:transform 1s ease;opacity:0}#contact #firsth1{color:#d65d81}#contact #callme{padding-bottom:3rem}#contact #callme #picture{border:.5rem solid #845ec2;border-radius:1rem;height:11rem;width:18.75rem;display:inline-block;margin-left:auto;margin-right:auto}#contact #callme #picture #picture1{width:18.75rem;height:11rem;border-radius:.5rem;background-color:transparent}#contact.slideup{visibility:visible;opacity:1;transform:translateY(0)}}@media only screen and (min-width: 1024px){@keyframes slide-in{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(50vw)}}.form{display:flex;flex-direction:column}.form-h1{color:#ff6f91}.form-field{color:#ffc75f;margin:.4rem .2rem;height:1.4rem;border-radius:.7rem;border-color:#ddd1d1;font-family:Arial,Helvetica,sans-serif;background-color:transparent;padding-left:.4rem}.form-field::placeholder{color:#e8d7d7;padding-left:.6rem;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.form-button{background-color:#d6bcce;margin-top:1rem;border-radius:1rem;border-width:.2rem;border-color:#d6bcce;height:3rem;width:6rem;color:#fff;font-weight:700;font-size:1.3rem}.form-error{color:red;font-size:.8rem;font-family:Arial,Helvetica,sans-serif;margin-top:.02rem;margin-bottom:.02rem}#contact{border:.8rem solid #845ec2;border-radius:1rem;margin:4rem;padding-left:5.5rem;padding-right:5.5rem;padding-bottom:1.5rem;visibility:hidden;transform:translateY(100vw);transition:transform 1s ease;opacity:0}#contact #firsth1{color:#d65d81}#contact #callme #picture{border:.5rem solid #845ec2;border-radius:1rem;height:11rem;display:inline-block;margin-left:auto;margin-right:auto}#contact #callme #picture #picture1{width:18.75rem;height:11rem;border-radius:.5rem}#contact.slideup{visibility:visible;opacity:1;transform:translateY(0)}}@media only screen and (min-width: 1920px){@keyframes slide-in{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(50vw)}}.form{display:flex;flex-direction:column}.form-h1{color:#ff6f91}.form-field{color:#ffc75f;margin:.4rem .2rem;height:1.4rem;border-radius:.5rem;border-color:#ddd1d1;font-family:Arial,Helvetica,sans-serif;background-color:transparent;padding-left:.4rem}.form-field::placeholder{color:#e8d7d7;padding-left:.6rem;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.form-button{background-color:#d6bcce;margin-top:4rem;margin-left:1rem;border-radius:1.6rem;border-width:.2rem;border-color:#d6bcce;height:4rem;width:6rem;color:#fff;font-weight:700;font-size:1.4rem}.form-error{color:red;font-size:.8rem;font-family:Arial,Helvetica,sans-serif;margin-top:.02rem;margin-bottom:.02rem}#contact{border:1rem solid #845ec2;border-radius:2rem;margin:4rem;padding-left:10.5rem;padding-right:10.5rem;visibility:hidden;transform:translateY(50vw);transition:transform 1s ease;opacity:0}#contact #firsth1{color:#d65d81}#contact #callme #picture{border:.5rem solid #845ec2;border-radius:1rem;height:11rem;display:inline-block;margin-left:auto;margin-right:auto}#contact #callme #picture #picture1{width:18.75rem;height:11rem;border-radius:.5rem}#contact.slideup{visibility:visible;opacity:1;transform:translateY(0)}}@media only screen and (max-width: 600px){#messagearea{background-color:#fff;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}#messagearea #messagedisplay{border-radius:.5rem;margin-left:10rem;margin-right:1rem;padding-right:.2rem;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}#messagearea #messagedisplay div{background-color:#bda5e4;border-radius:.5rem;color:#000;margin-top:.3rem;padding-right:.1rem;padding-bottom:.18rem;padding-top:.2rem;line-height:1.5}#messagearea #messagedisplay div strong{margin-right:.2rem}#messagearea #messagedisplay div button{border-radius:.7rem;font-size:1.2rem;background-color:#fff;border-color:#845ec2;padding-bottom:.15rem;float:right}#messagearea #messagedisplay div button #backspace{color:#845ec2;display:flex;align-items:center;justify-content:center}#messagearea #messageinput{display:flex}#messagearea #messageinput #messages{margin-top:.2rem;height:1.2rem;width:22rem;background-color:#845ec2;border-radius:0rem 0rem 0rem .5rem;color:#fff}#messagearea #messageinput #messages::placeholder{padding-left:.3rem;font-size:1rem;color:#bdb9b9}#messagearea #messageinput #messagessend{border:.2rem solid #845ec2;margin-top:.2rem;width:4.5rem;color:#845ec2;font-weight:700;border-bottom-right-radius:.5rem}}@media only screen and (min-width: 760px){#messagearea{background-color:#fff;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;margin-left:5.05rem;margin-right:5.05rem}#messagearea #messagedisplay{border-radius:.5rem;margin-left:10rem;margin-right:1rem;padding-right:.2rem;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}#messagearea #messagedisplay div{background-color:#bda5e4;border-radius:.5rem;color:#000;margin-top:.7rem;padding-right:.1rem;padding-bottom:.3rem;line-height:1.5}#messagearea #messagedisplay div strong{margin-right:.2rem}#messagearea #messagedisplay div button{border-radius:.7rem;font-size:1.2rem;background-color:#fff;border-color:#845ec2;padding-bottom:.15rem;float:right}#messagearea #messagedisplay div button #backspace{color:#845ec2;display:flex;align-items:center;justify-content:center}#messagearea #messageinput{display:flex}#messagearea #messageinput #messages{margin-top:.2rem;flex-grow:1;height:2rem;background-color:#845ec2;border-bottom-left-radius:.5rem;color:#fff}#messagearea #messageinput #messages::placeholder{padding-left:.5rem;padding-top:.2rem;font-size:1.1rem;color:#bdb9b9}#messagearea #messageinput #messagessend{border:.2rem solid #845ec2;margin-top:.2rem;width:4.5rem;color:#845ec2;font-weight:700;font-size:1.2rem;border-bottom-right-radius:.5rem}}@media only screen and (min-width: 1024px){#messagearea{background-color:#fff;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;margin-left:5.05rem;margin-right:5.05rem}#messagearea #messagedisplay{border-radius:.5rem;margin-left:10rem;margin-right:1rem;padding-right:1rem;padding-top:.4rem;padding-bottom:.4rem;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}#messagearea #messagedisplay div{background-color:#bda5e4;border-radius:.5rem;color:#000;margin-top:.7rem;padding-right:.1rem;padding-bottom:.3rem;line-height:1.5;font-size:1.4rem}#messagearea #messagedisplay div strong{margin-right:.2rem}#messagearea #messagedisplay div button{border-radius:.7rem;font-size:1.2rem;background-color:#fff;border-color:#845ec2;margin-top:.3rem;padding-bottom:.15rem;float:right}#messagearea #messagedisplay div button #backspace{color:#845ec2;display:flex;align-items:center;justify-content:center}#messagearea #messageinput{display:flex}#messagearea #messageinput #messages{margin-top:.2rem;flex-grow:1;height:3rem;background-color:#845ec2;border-radius:0rem 0rem 0rem .5rem;color:#fff}#messagearea #messageinput #messages::placeholder{padding-left:.5rem;padding-top:.2rem;font-size:1.4rem;color:#bdb9b9}#messagearea #messageinput #messagessend{border:.2rem solid #845ec2;margin-top:.2rem;width:4.5rem;color:#845ec2;font-weight:700;font-size:1.4rem;border-bottom-right-radius:.5rem;padding-left:.5rem}}@media only screen and (min-width: 1920px){#messagearea{background-color:#fff;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;margin-left:15rem;margin-right:15rem}#messagearea #messagedisplay{border-radius:.5rem;margin-left:10rem;margin-right:1rem;padding-right:1rem;padding-top:.4rem;padding-bottom:.4rem;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}#messagearea #messagedisplay div{background-color:#bda5e4;border-radius:.7rem;color:#000;margin-top:.7rem;padding-right:.1rem;padding-bottom:.3rem;line-height:1.5;font-size:1.4rem}#messagearea #messagedisplay div strong{margin-right:.2rem}#messagearea #messagedisplay div button{border-radius:.7rem;font-size:1.2rem;background-color:#fff;border-color:#845ec2;margin-top:.3rem;padding-bottom:.15rem;float:right}#messagearea #messagedisplay div button #backspace{color:#845ec2;display:flex;align-items:center;justify-content:center}#messagearea #messageinput{display:flex}#messagearea #messageinput #messages{margin-top:.2rem;flex-grow:1;height:3rem;background-color:#845ec2;border-bottom-left-radius:.7rem;color:#fff}#messagearea #messageinput #messages::placeholder{padding-left:.5rem;padding-top:.2rem;font-size:1.4rem;color:#bdb9b9}#messagearea #messageinput #messagessend{border:.2rem solid #845ec2;margin-top:.2rem;width:4.5rem;color:#845ec2;font-weight:700;font-size:1.4rem;border-bottom-right-radius:.7rem}}@media only screen and (max-width: 600px){#users{border:.2rem solid #957ebb;background-color:#845ec2;border-top-left-radius:.5rem;border-top-right-radius:.5rem}#users #usersid{color:#fff;font-weight:700;border-top-left-radius:.5rem;border-top-right-radius:.5rem;padding-bottom:.2rem;background-color:#845ec2}#users #usersid div strong{vertical-align:.3rem}#users #userinput{border:.2rem solid white;border-radius:.5rem 0rem 0rem .5rem;width:15.8rem;background-color:#845ec2;color:#fff}#users #userinput::placeholder{padding-left:.6rem;color:#bdb9b9}#users #userbutton{border:.2rem solid white;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem;background-color:#845ec2;color:#fff;height:1.6rem}}@media only screen and (min-width: 760px){#users{border:.3rem solid #957ebb;border-bottom:none;background-color:#845ec2;border-top-left-radius:.9rem;border-top-right-radius:.9rem;margin-left:5rem;margin-right:5rem;padding-bottom:.2rem}#users #usersid{color:#fff;font-weight:700;border-top-left-radius:.5rem;border-top-right-radius:.5rem;padding-bottom:.2rem;background-color:#845ec2;margin-bottom:.5rem;margin-top:.5rem}#users #usersid div strong{vertical-align:.3rem}#users #userinput{border:.2rem solid white;border-top-left-radius:.5rem;border-bottom-left-radius:.5rem;width:15.8rem;background-color:#845ec2;color:#fff;height:1.1rem;vertical-align:middle}#users #userinput::placeholder{padding-left:.6rem;color:#bdb9b9}#users #userbutton{border:.2rem solid white;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem;background-color:#845ec2;color:#fff;height:1.6rem;vertical-align:middle}}@media only screen and (min-width: 1024px){#users{border:.3rem solid #957ebb;border-bottom:none;background-color:#845ec2;border-top-left-radius:.5rem;border-top-right-radius:.5rem}#users #usersid{margin-top:.5rem;color:#fff;font-weight:700;border-top-left-radius:.5rem;border-top-right-radius:.5rem;padding-bottom:.2rem;background-color:#845ec2}#users #usersid div{margin-top:.3rem}#users #usersid div strong{vertical-align:.3rem}#users #userinput{border:.2rem solid white;border-radius:.5rem 0rem 0rem .5rem;width:15.8rem;background-color:#845ec2;color:#fff;margin-bottom:.5rem;margin-top:2.5rem;height:2.4rem;vertical-align:middle}#users #userinput::placeholder{padding-left:1rem;color:#bdb9b9;font-size:1.2rem}#users #userbutton{border:.2rem solid white;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem;background-color:#845ec2;color:#fff;margin-top:2rem;height:3.1rem;vertical-align:middle}#users #userbutton #plus{width:2.2rem;height:2.2rem;font-weight:700}}@media only screen and (min-width: 1920px){#users{border:.4rem solid #957ebb;background-color:#845ec2;border-top-left-radius:1rem;border-top-right-radius:1rem;margin-left:15rem;margin-right:15rem}#users #usersid{color:#fff;font-weight:700;border-top-left-radius:.5rem;border-top-right-radius:.5rem;padding-bottom:.2rem;background-color:#845ec2}#users #usersid div strong{vertical-align:.3rem}#users #userinput{border:.2rem solid white;border-top-left-radius:.5rem;border-bottom-left-radius:.5rem;width:15.8rem;background-color:#845ec2;color:#fff;margin-bottom:.5rem;margin-top:2.5rem;height:2.4rem;vertical-align:middle}#users #userinput::placeholder{padding-left:1rem;color:#bdb9b9;font-size:1.2rem}#users #userbutton{border:.2rem solid white;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem;background-color:#845ec2;color:#fff;margin-top:2rem;height:2.9rem;vertical-align:middle}#users #userbutton #plus{width:2.2rem;height:2.2rem;font-weight:700}}@media only screen and (max-width: 600px){@keyframes slide-in{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}#fun{background-color:#000;padding:1rem 1rem 3rem}#fun #sectionfun{color:#fff;text-decoration:underline;text-decoration-thickness:.4rem;text-underline-offset:.4rem;padding-top:1rem;padding-bottom:.5rem;font-family:Helvetica,Arial,sans-serif;animation-timeline:view(block 50% 10%);animation-name:grow;animation-fill-mode:both;animation-duration:1ms;animation-timing-function:linear}#fun div{padding-top:.2rem}#fun div p{color:#fff;font-weight:700}}@media only screen and (min-width: 760px){@keyframes slide-in{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}#fun{background-color:#000;padding:1rem 1rem 4rem}#fun #sectionfun{color:#fff;text-decoration:underline;text-decoration-thickness:.4rem;text-underline-offset:.4rem;padding-top:1rem;padding-bottom:.5rem;font-family:Helvetica,Arial,sans-serif;animation-timeline:view(block 50% 10%);animation-name:grow;animation-fill-mode:both;animation-duration:1ms;animation-timing-function:linear}#fun div{padding-top:.2rem}#fun div p{color:#fff;font-weight:700}}@media only screen and (min-width: 1024px){@keyframes slide-in{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}#fun{background-color:#000;padding:1rem 1rem 4rem}#fun #sectionfun{color:#fff;text-decoration:underline;text-decoration-thickness:.4rem;text-underline-offset:.4rem;padding-top:1rem;padding-bottom:.5rem;font-family:Helvetica,Arial,sans-serif;animation-timeline:view(block 50% 10%);animation-name:grow;animation-fill-mode:both;animation-duration:1ms;animation-timing-function:linear}#fun div{padding-top:.2rem}#fun div p{color:#fff;font-weight:700}}@media only screen and (min-width: 1920px){@keyframes slide-in{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}#fun{background-color:#000;padding:2rem 8rem 6rem}#fun #sectionfun{color:#fff;text-decoration:underline;text-decoration-thickness:.4rem;text-underline-offset:.4rem;padding-top:1rem;padding-bottom:.5rem;font-family:Helvetica,Arial,sans-serif;animation-timeline:view(block 50% 10%);animation-name:grow;animation-fill-mode:both;animation-duration:1ms;animation-timing-function:linear}#fun div{padding-top:.2rem}#fun div p{color:#fff;font-weight:700}}@media only screen and (max-width: 600px){div nav{background:none;display:inline-block;width:100%;justify-items:center;align-content:space-evenly;justify-content:space-evenly}div a{color:#a7a72e}div a h1{margin-left:0rem;width:100%;text-align:center;text-decoration:none;position:relative;display:block;margin-top:1rem;margin-bottom:.2rem}div a h1:before{content:"";position:absolute;display:block;width:100%;height:.2rem;bottom:0rem;border:none;left:0;right:0;background-color:#000;transform:scaleX(0);transition:transform .3s ease}div a:hover{color:#000}div .container{width:100%}div .container ul{list-style:none;list-style-position:inside;display:block;flex-direction:column;justify-content:right;margin-top:0rem;margin-bottom:0rem;padding-left:0rem;width:100%;z-index:12;background-color:#fafa77;align-items:center}div .container ul li{margin-right:0rem;width:4rem;z-index:12}div .container ul li a{color:#a7a72e;text-decoration:none;position:relative;display:inline-flex;margin-left:3rem;margin-right:0rem;z-index:12}div .container ul li a:active{color:#000;background-color:#fafa77;transition:color .5s ease-in-out,box-shadow .5s ease-in-out}div .container ul li a:hover,div .container ul li a:focus{color:#000;transition:color .5s ease-in-out,box-shadow .5s ease-in-out}div .container ul li a:before{content:"";position:absolute;display:block;width:100%;height:.2rem;bottom:0;left:0;background-color:#000;transform:scaleX(0);transition:transform .3s ease}div .container ul li a:hover:before{transform:scaleX(1);background-color:#000}div #top{position:fixed;background-color:#ff0;bottom:1rem;right:2rem;width:4rem;height:2rem;border-radius:.7rem;padding-bottom:.08rem;transition:all .5s ease;border:.2rem solid yellow;color:#fff;font-weight:700;font-family:Arial,Helvetica,sans-serif}div #top:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:#000;border-radius:.7rem;z-index:-2}div #top:before{content:"";position:absolute;bottom:0;left:0;width:0%;height:100%;background-color:#72bcd4;transition:all .3s ease;border-radius:.7rem;z-index:-1}}@media only screen and (min-width: 760px){div nav{background-color:#fafa77;display:inline-flex;width:100%;justify-items:center;justify-content:space-between}div #wan{color:#a7a72e}div #wan h1{text-decoration:none;position:relative;display:block;margin-left:0rem;width:100%;padding-top:.2rem;padding-bottom:.2rem;background-color:#fafa77;text-align:center}div #wan h1:before{content:"";position:absolute;display:block;width:15%;height:.2rem;bottom:1rem;left:0;background-color:#000;transform:scaleX(0);transition:transform .3s ease}div #wan:hover{color:#000}div #wan:hover:before{transform:scaleX(1)}div .container{width:100%}div .container ul{list-style:none;display:inline-flex;justify-items:center;justify-content:space-around;margin-top:0rem;margin-bottom:0rem;padding-left:0rem;width:100%;z-index:12;background-color:#fafa77;align-items:center}div .container ul li{margin-right:0rem;width:4rem;z-index:12}div .container ul li a{color:#a7a72e;text-decoration:none;position:relative;display:inline-flex;margin-left:0rem;margin-right:0rem;z-index:12;width:max-content}div .container ul li a:active{color:#000;background-color:#fafa77;transition:color .5s ease-in-out,box-shadow .5s ease-in-out}div .container ul li a:hover,div .container ul li a:focus{color:#000;transition:color .5s ease-in-out,box-shadow .5s ease-in-out}div .container ul li a:before{content:"";position:absolute;display:block;width:100%;height:.2rem;bottom:1rem;left:0;background-color:#000;transform:scaleX(0);transition:transform .3s ease}div .container ul li a:hover:before{transform:scaleX(1);background-color:#000}div #top{position:fixed;background-color:#ff0;bottom:1rem;right:2rem;width:8rem;height:3rem;border-radius:.7rem;padding-bottom:.08rem;transition:all .5s ease;border:.2rem solid yellow;color:#fff;font-weight:700;font-family:Arial,Helvetica,sans-serif}div #top:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:#000;border-radius:.7rem;z-index:-2}div #top:before{content:"";position:absolute;bottom:0;left:0;width:0%;height:100%;background-color:#b3b300;transition:all .3s ease;border-radius:.7rem;z-index:-1}}@media only screen and (min-width: 1024px){div nav{background-color:#fafa77;display:inline-flex;width:100%;justify-items:center;justify-content:space-around}div nav #wan{color:#a7a72e;width:100%;text-decoration:none}div nav #wan h1{position:relative;display:block;margin-left:0rem;width:100%;padding-top:.2rem;padding-bottom:.2rem;background-color:#fafa77}div nav #wan h1:before{content:"";position:absolute;display:block;width:100%;margin-left:14.4rem;height:.2rem;bottom:1.2rem;left:0;background-color:#000;transform:scaleX(0);transition:transform .3s ease;z-index:-1}div nav #wan:hover{color:#000}div nav #wan:hover:before{transform:scaleX(1)}div nav .container ul{list-style:none;display:inline-flex;justify-items:center;justify-content:space-around;margin-top:0rem;margin-bottom:0rem}div nav .container ul li{margin-right:1rem}div nav .container ul li a{color:#a7a72e;text-decoration:none;position:relative;display:block;margin-right:1rem;width:max-content}div nav .container ul li a:active{color:#000;background-color:#fafa77;transition:color .5s ease-in-out,box-shadow .5s ease-in-out}div nav .container ul li a:hover,div nav .container ul li a:focus{color:#000;transition:color .5s ease-in-out,box-shadow .5s ease-in-out}div nav .container ul li a:before{content:"";position:absolute;display:block;width:100%;height:.2rem;bottom:0;background-color:#000;transform:scaleX(0);transition:transform .3s ease}div nav .container ul li a:hover:before{transform:scaleX(1);background-color:#000}div #top{position:fixed;background-color:#ff0;bottom:1rem;right:1.5rem;width:8rem;height:3rem;border-radius:.7rem;padding-bottom:.08rem;transition:all .5s ease;border:.2rem solid yellow;color:#fff;font-weight:700;font-family:Arial,Helvetica,sans-serif}div #top:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:#000;border-radius:.7rem;z-index:-2}div #top:before{content:"";position:absolute;bottom:0;left:0;width:0%;height:100%;background-color:#72bcd4;transition:all .3s ease;border-radius:.7rem;z-index:-1}}@media only screen and (min-width: 1920px){div nav{background-color:#fafa77;display:inline-flex;justify-items:center;justify-content:space-between}div nav .container ul{list-style:none;display:inline-flex;justify-items:center;justify-content:space-around;margin-top:0rem;margin-bottom:0rem}div nav .container ul li{margin-right:1rem}div nav .container ul li a{color:#a7a72e;text-decoration:none;position:relative;display:block;margin-right:1rem;width:max-content}div nav .container ul li a:active{color:#000;background-color:#fafa77;transition:color .5s ease-in-out,box-shadow .5s ease-in-out}div nav .container ul li a:hover,div nav .container ul li a:focus{color:#000;transition:color .5s ease-in-out,box-shadow .5s ease-in-out}div nav .container ul li a:before{content:"";position:absolute;display:block;width:100%;height:.2rem;bottom:0;background-color:#000;transform:scaleX(0);transition:transform .3s ease}div nav .container ul li a:hover:before{transform:scaleX(1);background-color:#000}div #top{position:fixed;background-color:#ff0;bottom:1rem;right:2rem;width:6rem;height:2.5rem;border-radius:.7rem;padding-bottom:.08rem;transition:all .5s ease;border:.4rem solid black;color:#000;font-weight:700;font-family:Arial,Helvetica,sans-serif}div #top:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:#ff0;border-radius:.7rem;z-index:-2}div #top:before{content:"";position:absolute;bottom:0;left:0;width:0%;height:100%;background-color:#b3b300;transition:all .3s ease;border-radius:.7rem;z-index:-1}}@media only screen and (max-width: 600px){@keyframes slide-in{0%{transform:translate(-50vw)}to{transform:translate(0)}}@keyframes slideOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-100%)}}.animate-out{animation:slideOutLeft .5s forwards}div .parallax{display:flex;background-color:#000;padding-bottom:14rem;overflow:hidden;position:relative}div .parallax img{position:absolute;left:0;width:100%;pointer-events:none}div .parallax #sky{z-index:1}div .parallax #leftcloud{z-index:6;opacity:1;visibility:visible;transform:translate(0);transition:transform 3s ease-in;transition-delay:2s}div .parallax #leftcloud.slideleft{visibility:visible;transform:translate(-11.8rem)}div .parallax #rightcloud{z-index:7;visibility:visible;transform:translate(0);transition:transform 3s linear;transition-delay:2s}div .parallax #rightcloud.slideright{visibility:visible;transform:translate(11.8rem)}div .parallax #mt2{z-index:4}div .parallax #mt{z-index:5}div .parallax #bottom2{z-index:6}div .parallax #bottom{z-index:7;padding-bottom:1rem}div #para_parallax{margin-top:11.8rem;display:block;width:100%;background-color:#000;color:#fff;font-weight:700;z-index:2;padding-top:4rem;padding-bottom:1rem}}@media only screen and (min-width: 760px){div .parallax{display:flex;background-color:#000;padding-bottom:32rem;overflow:hidden;position:relative}div .parallax img{position:absolute;left:0;width:100%;height:100%;pointer-events:none}div .parallax #sky{z-index:1}div .parallax #leftcloud{z-index:6;opacity:1;visibility:visible;transform:translate(0);transition:transform 3s ease-in;transition-delay:2s}div .parallax #leftcloud.slideleft{visibility:visible;transform:translate(-22.8rem)}div .parallax #rightcloud{z-index:7;visibility:visible;transform:translate(0);transition:transform 3s linear;transition-delay:2s}div .parallax #rightcloud.slideright{visibility:visible;transform:translate(22.8rem)}div .parallax #mt2{z-index:4}div .parallax #mt{z-index:5}div .parallax #bottom2{z-index:6}div .parallax #bottom{z-index:7;padding-bottom:5rem}div #para_parallax{margin-top:30.5rem;display:block;width:100%;background-color:#000;color:#fff;font-weight:700;z-index:12;padding-top:4rem;padding-bottom:1rem}}@media only screen and (min-width: 1024px){div .parallax{display:flex;background-color:#000;padding-bottom:42rem;overflow:hidden;position:relative}div .parallax img{position:absolute;left:0;width:100%;pointer-events:none}div .parallax #sky{z-index:1}div .parallax #leftcloud{z-index:6;opacity:1;visibility:visible;transform:translate(0);transition:transform 3s ease-in;transition-delay:2s}div .parallax #leftcloud.slideleft{visibility:visible;transform:translate(-30.8rem)}div .parallax #rightcloud{z-index:7;visibility:visible;transform:translate(0);transition:transform 3s linear;transition-delay:2s}div .parallax #rightcloud.slideright{visibility:visible;transform:translate(30.8rem)}div .parallax #mt2{z-index:4}div .parallax #mt{z-index:5}div .parallax #bottom2{z-index:6}div .parallax #bottom{z-index:7;padding-bottom:1rem}div #para_parallax{margin-top:39rem;display:block;background-color:#000;color:#fff;font-weight:700;z-index:5;padding-top:4rem;padding-bottom:1rem}}@media only screen and (min-width: 1920px){div .parallax{display:flex;background-color:#000;padding-bottom:76rem;overflow:hidden;position:relative}div .parallax img{position:absolute;left:0;width:100%;pointer-events:none}div .parallax #sky{z-index:1}div .parallax #leftcloud{z-index:6;opacity:1;visibility:visible;transform:translate(0);transition:transform 2s ease-in;transition-delay:2s}div .parallax #leftcloud.slideleft{visibility:visible;transform:translate(-60.8rem)}div .parallax #rightcloud{z-index:7;visibility:visible;transform:translate(0);transition:transform 2s linear;transition-delay:2s}div .parallax #rightcloud.slideright{visibility:visible;transform:translate(60.8rem)}div .parallax #mt2{z-index:4}div .parallax #mt{z-index:5}div .parallax #bottom2{z-index:6}div .parallax #bottom{z-index:7;padding-bottom:1rem}div #para_parallax{margin-top:74.95rem;display:block;background-color:#000;color:#fff;font-weight:700;z-index:5;padding-top:4rem;padding-bottom:1rem}}body{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;height:100%;width:100%;margin:0;padding:0;scroll-behavior:smooth}::-webkit-scrollbar{width:0rem;background:transparent}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}