@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);@import url(https://fonts.googleapis.com/css2?family=Love+Ya+Like+A+Sister&display=swap);@import url(https://fonts.googleapis.com/css2?family=Major+Mono+Display&display=swap);@import url(https://fonts.googleapis.com/css2?family=Atomic+Age&display=swap);@import url(https://fonts.googleapis.com/css2?family=Bevan&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Serif+Display&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cookie&display=swap);@import url(https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap);@import url(https://fonts.googleapis.com/css2?family=Rye&display=swap);@import url(https://fonts.googleapis.com/css2?family=Playball&display=swap);@import url(https://fonts.googleapis.com/css2?family=Oswald:wght@200&display=swap);*,:after,:before{box-sizing:inherit;margin:0;padding:0}html{box-sizing:border-box;font-size:62.5%}@media screen and (min-width:1500px){html{font-size:80%}}@media screen and (max-width:1100px){html{font-size:60%}}@media screen and (max-width:900px){html{font-size:55%}}body{background-color:#000;color:#fff;font-family:Poppins,sans-serif;overflow-x:hidden}.layout{-webkit-perspective:150rem;perspective:150rem;-webkit-perspective-origin:bottom;perspective-origin:bottom}@font-face{font-family:Sunday;src:url(/static/media/Sunday.0b6fdf7d5dc94ea9ddcc.otf)}.header{background-color:#473d3d;background-image:url(/static/media/table3.e13bc5bf727661967378.jpg);background-size:contain;color:#473d3d;opacity:0;overflow:hidden;transition:all .4s}.header__main-title{color:#eca16c;font-family:"DM Serif Display",serif;font-size:5rem;margin:5rem}.header__title{opacity:0;position:absolute}.header__container{align-items:center;display:flex;justify-content:space-evenly;margin-bottom:20rem;margin-top:20rem;width:100%}@media screen and (max-width:700px){.header__container{flex-direction:column-reverse;gap:8rem}}.header__about,.header__curri,.header__env{display:flex;justify-content:flex-end;position:relative}.header__mug{align-self:flex-start;margin:0 10rem;-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}.header__content{align-items:center;display:flex;flex-direction:column;justify-content:flex-start}.header__projects{cursor:pointer;height:20rem;-webkit-transform:rotate(-10deg);transform:rotate(-10deg);transition:all .4s}.header__projects:hover{box-shadow:5px 0 400px #000,inset 0 0 70px #000;-webkit-transform:scale(1.2);transform:scale(1.2)}.header__projects__text{color:#eca16c;cursor:pointer;font-family:Cookie,cursive;font-size:5rem}.header__projects__img{border:10px solid transparent;border-image:url(/static/media/borderphoto.340314ac51aaf973f002.png) 90;height:100%}.about{color:#000;margin-top:20rem;position:relative}.about h2{color:rgba(0,0,0,.664);font-size:2rem}.about__st{align-items:center;cursor:pointer;display:flex;font-family:Love Ya Like A Sister,cursive;justify-content:center;-webkit-transform:scale(.4) translateX(-50%) rotate(-17deg);transform:scale(.4) translateX(-50%) rotate(-17deg);transition:all .4s}@media screen and (max-width:700px){.about__st{-webkit-transform:scale(.4) translateY(50%) rotate(-17deg);transform:scale(.4) translateY(50%) rotate(-17deg)}}.about__st.active{-webkit-transform:scale(1);transform:scale(1)}.about__st.active .about__filler__border{-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg)}.about__st.active:hover{box-shadow:none;-webkit-transform:scale(1);transform:scale(1)}.about__st:hover{box-shadow:5px 0 400px #000;-webkit-transform:scale(.45) translateX(-50%) rotate(-17deg);transform:scale(.45) translateX(-50%) rotate(-17deg)}@media screen and (max-width:700px){.about__st:hover{-webkit-transform:scale(.45) translateY(50%) rotate(-17deg);transform:scale(.45) translateY(50%) rotate(-17deg)}}.about__title__container{background-color:#f5efe7;box-shadow:1px 0 15px rgba(136,115,70,.459),inset 0 0 15px hsla(41,57%,69%,.459);padding:2rem 6rem}.about__border{background-color:#1f3022;box-shadow:inset 0 0 25px rgba(77,5,5,.459),1px 0 15px hsla(0,0%,8%,.459);height:50vw;margin:auto;padding:2rem;-webkit-perspective:120rem;perspective:120rem;width:90vw}@media screen and (max-width:700px){.about__border{height:-webkit-max-content;height:max-content;width:90vw}}.about__filler{align-items:center;background-color:#022c20;background-image:radial-gradient(#2a3f2d,#1f3020);box-shadow:inset 0 0 35px rgba(0,0,0,.158);display:flex;height:100%;justify-content:center;width:100%}.about__filler__border{background-color:#263524;bottom:0;box-shadow:inset 0 0 25px rgba(77,5,5,.459),0 0 25px hsla(0,0%,8%,.596);padding-bottom:2rem;padding-right:2rem;padding-top:2rem;position:absolute;top:0;-webkit-transform-origin:left;transform-origin:left;transition:all .4s;width:100%}.about__filler__text{color:#daa520;font-family:Playball,cursive;font-size:5rem;text-shadow:0 0 15px #000}@media screen and (max-width:900px){.about__filler__text{font-size:2rem}}.about__container{align-items:center;background-color:#faebd7;box-shadow:inset 0 0 25px hsla(42,32%,60%,.459),1px 0 15px hsla(0,0%,8%,.459);display:flex;flex-direction:column;height:100%;padding:3rem;z-index:-10}.about__container p{color:#000;font-size:1.4rem;padding-left:20rem}@media screen and (max-width:900px){.about__container p{font-size:1.2rem;padding:3rem}}.about__content{align-items:center;display:flex}@media screen and (max-width:700px){.about__content{flex-direction:column}}.about__img-container{background-color:#fff;box-shadow:inset 0 0 15px hsla(42,27%,52%,.459),1px 0 15px rgba(136,115,70,.459);flex:0 0 23vw;margin:2rem;overflow:hidden;-webkit-transform:rotate(10deg);transform:rotate(10deg)}@media screen and (max-width:700px){.about__img-container{flex:0 0 50vw}}.about__img__border{height:21vw;margin:1vw 1vw 5vw;overflow:hidden;width:21vw}@media screen and (max-width:700px){.about__img__border{height:40vw;margin:2vw;width:40vw}}.about__img{height:100%}.about__text{color:#eca16c;cursor:pointer;font-family:Cookie,cursive;font-size:5rem;position:absolute;right:0;top:50%;width:30rem;z-index:0}@media screen and (max-width:700px){.about__text{left:50%;position:absolute;text-align:center;top:20rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:30rem}}.curri{grid-gap:1rem;background-color:bisque;background:radial-gradient(ellipse at top,bisque,#d4ba99),radial-gradient(ellipse at bottom,#f1dcc2,#d8c3aa);cursor:pointer;display:grid;gap:1rem;grid-template-areas:" ex ex tt" " fo lg ed" " fo ci ed";grid-template-columns:30rem 30rem 30rem;grid-template-rows:30rem 30rem 30rem;padding:1rem;position:relative;transition:all 1s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:50}@media screen and (max-width:900px){.curri{grid-template-areas:" tt tt" " ex ex" " fo ed" "fo ed" "lg ci";grid-template-columns:30rem 30rem;grid-template-rows:20rem 30rem 30rem 30rem 30rem}}.curri__content{-webkit-transform:scale(.4) translateX(-50%) rotate(-7deg);transform:scale(.4) translateX(-50%) rotate(-7deg);transition:all .4s}@media screen and (max-width:700px){.curri__content{-webkit-transform:scale(.4) rotate(-2deg);transform:scale(.4) rotate(-2deg)}}.curri__content.active{-webkit-transform:scale(1);transform:scale(1)}@media screen and (max-width:550px){.curri__content.active{-webkit-transform:scale(.7);transform:scale(.7)}}@media screen and (max-width:390px){.curri__content.active{-webkit-transform:scale(5);transform:scale(5)}}.curri__content.active:hover{box-shadow:none;-webkit-transform:scale(1);transform:scale(1)}@media screen and (max-width:550px){.curri__content.active:hover{-webkit-transform:scale(.7);transform:scale(.7)}}@media screen and (max-width:390px){.curri__content.active:hover{-webkit-transform:scale(.5);transform:scale(.5)}}.curri__content:hover{box-shadow:5px 0 400px #000;-webkit-transform:scale(.45) translateX(-50%) rotate(-7deg);transform:scale(.45) translateX(-50%) rotate(-7deg)}@media screen and (max-width:700px){.curri__content:hover{-webkit-transform:scale(.45) rotate(-7deg);transform:scale(.45) rotate(-7deg)}}.curri__title{align-items:center;color:#000;display:flex;font-family:Cookie,cursive;font-size:7rem;grid-area:tt;justify-content:center;margin:2rem;padding:2rem;text-align:center;text-transform:capitalize;-webkit-transform:rotate(45deg);transform:rotate(45deg)}@media screen and (max-width:900px){.curri__title{-webkit-transform:rotate(25deg);transform:rotate(25deg)}}.curri__card--ex{grid-area:ex;height:100%}.curri__card--ed{grid-area:ed}.curri__card--fo{grid-area:fo}.curri__card--lg{grid-area:lg}.curri__card--ci{grid-area:ci}.curri__text{color:#eca16c;cursor:pointer;font-family:Cookie,cursive;font-size:5rem;position:absolute;right:0;top:50%;z-index:0}@media screen and (max-width:700px){.curri__text{left:50%;position:absolute;text-align:center;top:20rem;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}.menu{align-items:center;align-self:center;background-color:#470707;border-radius:5px;color:currentColor;display:flex;justify-content:center;padding:2px;-webkit-transform:translateY(-85vh);transform:translateY(-85vh);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:20}@media screen and (max-width:600px){.menu{flex-direction:column}}.menu__container{align-items:center;border:2px solid #521212;border-radius:5px;box-shadow:inset 2px 0 15px rgba(0,0,0,.555),2px 0 15px rgba(0,0,0,.555);display:flex;gap:1rem;justify-content:center;padding:1rem}@media screen and (max-width:900px){.menu__container{flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;padding:.5rem}}.menu__title{background-color:bisque;border:3px solid #58462f;box-shadow:inset 0 0 7px rgba(0,0,0,.555);color:rgba(0,0,0,.425);font-family:Love Ya Like A Sister,cursive;font-size:1.6rem;padding:2px 5px;transition:all .6s}@media screen and (max-width:450px){.menu__title{font-size:1.2rem}}.menu__switch{align-items:center;background-color:#631e1e;border:2px solid #4e1818;border-radius:50%;box-shadow:inset 2px 0 15px rgba(0,0,0,.555),2px 0 5px rgba(0,0,0,.555);display:flex;height:50px;justify-content:center;width:50px}@media screen and (max-width:450px){.menu__switch{height:40px;width:40px}}.menu__switch__circle{align-items:center;border:2px solid #804949;border-radius:50%;box-shadow:inset -2px 0 7px rgba(0,0,0,.555);display:flex;height:20px;justify-content:center;width:20px}.menu__switch__hole{background-color:#313131;border-radius:50rem;box-shadow:inset 2px 0 17px #000;height:16px;width:8px}.menu__switch__tip{background-color:#a54e4e;border-radius:50%;box-shadow:inset -2px 0 7px rgba(0,0,0,.555);height:8px;-webkit-transform:translateY(8px);transform:translateY(8px);transition:all .6s;width:8px}.menu__item{align-items:center;cursor:pointer;display:flex;gap:1rem}.menu__item:hover .menu__title{color:rgba(0,0,0,.87)}.menu__item:hover .menu__switch__tip{-webkit-transform:translateY(0);transform:translateY(0)}.for{border:30px solid transparent;border-image:url(/static/media/border2e.aae5bb6d11c43b3c1a81.png) 340;color:#000;height:100%;width:100%}.for__title{font-family:Abril Fatface,serif;font-size:3rem;text-align:center}.for__items,.for__title{border:10px solid transparent;border-image:url(/static/media/border2e.aae5bb6d11c43b3c1a81.png) 340}.for__item{text-align:center}.for__item__date,.for__item__position{font-family:Abril Fatface,serif}.for__item__position{font-size:1.5rem}.for__item__description{font-family:Abril Fatface,serif;font-size:1.2rem}.for__item__divider{height:1rem;margin-bottom:.5rem;margin-top:.5rem}.exp{border:30px solid orange;border-image:url(/static/media/border4e.fba4ef7a4d9c0e47b096.png) 110;color:#000;height:100%;position:relative;width:100%}.exp__title{font-family:Bevan,serif;font-size:5rem;margin-bottom:-2rem;margin-top:-3rem;text-transform:uppercase}.exp__img{bottom:-2rem;height:9rem;left:35%;position:absolute}@media screen and (max-width:600px){.exp__img{display:none}}.exp__items{display:flex;font-family:"DM Serif Display",serif;gap:2rem}.exp__item{align-items:center;display:flex;flex:1 1;flex-direction:column}.exp__item__date{font-size:1.6rem}.exp__item__position{background-color:#000;border:7px double bisque;color:bisque;font-size:1.2rem;padding:.5rem;text-align:center}.exp__item__description{font-size:1.2rem;text-align:justify}.edu,.exp__desc-container{align-items:center;display:flex;flex-direction:column}.edu{border:30px solid transparent;border-image:url(/static/media/border3e.273d3cfc0769f9a2a9e1.png) 140;color:#000;height:100%;width:100%}.edu__title{font-family:"DM Serif Display",serif;font-size:5rem;text-transform:uppercase}.edu__img{height:10rem}.edu__items{gap:2.5rem}.edu__item,.edu__items{display:flex;flex-direction:column}.edu__item{border:1px solid #000;text-align:center}.edu__item__description{font-family:Playball,cursive;font-size:1.8rem}.edu__item__date{font-family:"DM Serif Display",serif;font-size:1.5rem}.edu__item__position{font-family:"DM Serif Display",serif;font-size:1.8rem;text-transform:uppercase}.lan{background-color:#000;border:10px double transparent;color:bisque;display:flex;height:100%;width:100%}.lan__title{font-family:Rye,serif;font-size:5rem;padding:.5rem;text-transform:capitalize;-webkit-writing-mode:vertical-lr;writing-mode:vertical-lr}.lan__img{height:15rem;width:15rem}.lan__items{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-evenly}.lan__group{display:flex;gap:3rem}.lan__item{align-items:center;background-color:#000;display:flex;flex-direction:column;font-size:1.4rem}.lan__item,.lan__item__date{font-family:Rye,serif}.hob{border:30px solid transparent;border-image:url(/static/media/border1e.ec04322b9bdaab195155.png) 140;color:#000;height:100%;width:100%}.hob__title{font-family:Cookie,cursive;font-size:6rem;line-height:4rem;text-align:center;text-transform:capitalize}.hob__img{height:15rem}.hob__items{align-items:center;display:flex;font-family:Oswald,sans-serif;font-size:1.6rem;gap:2rem;justify-content:center;text-transform:uppercase}.hob__item{-webkit-transform:skew(5deg,-20deg);transform:skew(5deg,-20deg)}.hob__center{display:flex;flex-direction:column;gap:1rem;justify-content:space-between}.projects{background-color:#0e0f1f;background-image:url(/static/media/wall.37f309369e81782b2074.jpg);background-size:cover;color:#fff;overflow:hidden;position:relative}.projects__back{align-items:center;color:#fff;cursor:pointer;display:flex;font-family:"DM Serif Display",serif;font-size:5rem;gap:2rem;left:0;opacity:.5;padding:3rem;position:fixed;text-transform:capitalize;top:0;transition:all .4s}@media screen and (max-width:550px){.projects__back{font-size:3rem}}.projects__back__text{font-size:3rem}@media screen and (max-width:550px){.projects__back__text{font-size:2rem}}.projects__back:hover{opacity:1}.tvs{display:flex;gap:4rem}.bor{background-color:#d4b875;background-color:#491515;border:2px solid #50473d;box-shadow:inset 0 0 30px #000,0 4px 3px #000;height:20rem;padding:1rem;width:30rem}.bigbor{align-items:center;background-color:gray;border:1px solid #000;border-radius:5px;box-shadow:inset 0 0 30px #000;display:flex;height:100%;width:100%}.screensq{background-color:brown;border:1px solid #000;box-shadow:inset -7px 0 30px #000;height:95%;margin:.5rem;width:75%}.screen{border-bottom:2px solid;border-radius:150% 150% 150% 150%/40% 40% 40% 40%;border-top:2px solid;color:#000;height:90%;margin:1rem;width:90%;z-index:20}.screen,.screen2{box-shadow:0 0 30px #b7b4dd;overflow:hidden}.screen2{align-items:center;background-color:#000;border-left:2px solid;border-radius:40% 40% 40% 40%/150% 150% 150% 150%;border-right:2px solid;display:flex;height:100%;justify-content:center;width:100%}.control{border-left:1px solid #000;height:100%}.switch{background-color:#313131;border:1px solid #000;border-radius:3px;height:40%}.sound,.switch{margin:.5rem;width:5rem}.sound{background-image:radial-gradient(#000 1px,transparent 0);background-size:5px 4px;height:50%}.circle{border:2px dotted #575656;border-radius:50%;height:3rem;margin:2px auto;width:3rem}.circle,.circlesm{align-items:center;display:flex;justify-content:center}.circlesm{background-color:#3f3f3f;border:2px solid gray;border-radius:50%;box-shadow:inset -1px 0 3px #272626;height:2rem;width:2rem}.circlesm--1{-webkit-transform:rotate(20deg);transform:rotate(20deg)}.circlesm--2{-webkit-transform:rotate(73deg);transform:rotate(73deg)}.rect{align-items:center;background-color:gray;display:flex;height:7px;justify-content:center;width:16px}.rectsm{background-color:#534c4c;height:4px;width:16px}.papattes{display:flex;justify-content:space-between;width:30rem}.papatte{background-color:#272727;height:3px;margin:0 9px;width:5px}.antenna{align-items:center;display:flex;flex-direction:column;width:30rem}.socle{background-color:#696867;border:1px solid #444343;border-radius:50% 50% 100% 0/100% 100% 0 0;box-shadow:inset 5px 0 8px #494949;height:1.5rem;width:4rem}.horn,.horns{display:flex}.horn{align-items:center;flex-direction:column}.horn--1{-webkit-transform:rotate(30deg) translate(15px,-4px);transform:rotate(30deg) translate(15px,-4px);-webkit-transform-origin:bottom center;transform-origin:bottom center}.horn--2{-webkit-transform:rotate(-30deg) translate(-15px,-4px);transform:rotate(-30deg) translate(-15px,-4px);-webkit-transform-origin:bottom center;transform-origin:bottom center}.hr{border-right:1px solid #4e4e4e;height:5rem}.hr1{background-color:#5c5b5b;width:1px}.hr2{background-color:#585857;width:3px}.hr3{background-color:#676668;width:4px}.hrtip{background-color:#707070;height:4px;width:3px}.betterpic,.pic{-webkit-filter:grayscale(100%);filter:grayscale(100%);height:100%}.betterpic{background-blend-mode:color-burn;background-image:radial-gradient(circle,transparent 40%,hsla(0,1%,44%,.411) 75%),url(https://images.unsplash.com/photo-1613318286980-4b3dd8475772?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1887&q=80);background-position:50%;background-size:cover;width:100%}.shelf{background-color:brown;box-shadow:inset 0 1px 30px rgba(0,0,0,.685),5px 15px 30px #000;height:2rem;margin:0 2rem;z-index:10}.project__item{display:flex;flex-direction:column;justify-content:center}.project__link-container{height:100%;position:relative}.project__pic{height:100%;transition:all .5s}.project__link{align-items:center;background-image:radial-gradient(transparent,#7c7a7a);bottom:0;color:rgba(0,0,0,.123);display:flex;font-size:5rem;justify-content:center;left:0;position:absolute;right:0;top:0;transition:all .5s;z-index:8}.project__link:hover{color:#000}.project__link:hover+.project__pic{-webkit-filter:blur(10px);filter:blur(10px)}.project__shelf{align-items:center;display:flex;flex-direction:column;justify-content:center;-webkit-perspective:100rem;perspective:100rem;position:relative}.project__img{background-color:purple;height:100vh;-webkit-transform:translateY(-50vh) rotateX(70deg);transform:translateY(-50vh) rotateX(70deg);width:100vw;z-index:-10}.board__tech{align-items:center;display:flex;font-family:"DM Serif Display",serif;font-size:2rem;gap:2rem;justify-content:space-evenly;margin-bottom:2rem}@media screen and (max-width:600px){.board__tech{font-size:1.6rem}}.board__tech__react{height:5rem}@media screen and (max-width:600px){.board__tech__react{height:3rem}}.proj{align-items:center;display:flex;height:20rem;justify-content:space-around;-webkit-transform:translateY(15rem);transform:translateY(15rem)}.proj__title{font-family:Cookie,cursive;font-size:5rem;transition:all .4s}@media screen and (max-width:600px){.proj__title{font-size:3rem}}.proj__title--load{color:transparent;opacity:0}.proj__techs{align-items:flex-start;display:flex;flex-direction:column;transition:all .7s}.proj__techs--load{color:transparent;opacity:0}.env{cursor:pointer;height:40vw;position:relative;-webkit-transform:scale(.4) rotate(20deg) translateX(50%);transform:scale(.4) rotate(20deg) translateX(50%);transition:all .4s;width:60vw}@media screen and (max-width:1100px){.env{height:50vw;width:80vw}}@media screen and (max-width:600px){.env{height:70vw;width:95vw}}@media screen and (max-width:700px){.env{-webkit-transform:scale(.6) translateY(50%) rotate(17deg);transform:scale(.6) translateY(50%) rotate(17deg)}}.env__text{color:#eca16c;cursor:pointer;font-family:Cookie,cursive;font-size:5rem;left:0;position:absolute;top:50%}@media screen and (max-width:700px){.env__text{left:50%;position:absolute;text-align:center;top:-7rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:60rem}}.env__side{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:bisque;background-image:radial-gradient(#e9d7c2,#d3b38f);border:10px solid transparent;bottom:0;left:0;position:absolute;right:0;top:0;transition:all .4s}.env__side--2{border:none;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.env__side--2__opening{background-color:#f8dbb9;background-image:radial-gradient(#f8dbb9,#c9ae8f);-webkit-clip-path:polygon(100% 0,54% 95%,53% 97%,52% 99%,51% 100%,50% 100%,49% 100%,48% 99%,47% 97%,46% 95%,0 0);clip-path:polygon(100% 0,54% 95%,53% 97%,52% 99%,51% 100%,50% 100%,49% 100%,48% 99%,47% 97%,46% 95%,0 0);height:50%;-webkit-transform:rotateX(180deg);transform:rotateX(180deg);-webkit-transform-origin:top;transform-origin:top;width:100%}.env__side--2__inside{align-items:center;background-color:#77470f;-webkit-clip-path:polygon(-1000% -50%,1000% -50%,100% 0,54% 95%,53% 97%,52% 99%,51% 100%,50% 100%,49% 100%,48% 99%,47% 97%,46% 95%,0 0);clip-path:polygon(-1000% -50%,1000% -50%,100% 0,54% 95%,53% 97%,52% 99%,51% 100%,50% 100%,49% 100%,48% 99%,47% 97%,46% 95%,0 0);display:flex;height:50%;justify-content:center;overflow:visible;position:absolute;top:0;width:100%}.env__side--2__letter{align-items:center;background-color:#fff;background-image:radial-gradient(#fff,#c4c4c4);display:flex;flex-direction:column;height:50rem;width:80%}.env__side--2__letter__text{font-family:Love Ya Like A Sister,cursive;font-size:2rem;padding-top:4rem;text-align:center;text-decoration:none}@media screen and (max-width:700px){.env__side--2__letter__text{font-size:1.7rem;padding-top:10rem}}@media screen and (max-width:550px){.env__side--2__letter__text{font-size:1.4rem;padding-top:13rem}}.env__side--2__letter__text a{color:#5959b8;text-decoration:none;transition:all .4s}.env__side--2__letter__text a:hover{color:#d67272}.env__side--2__letter__text strong{font-size:3rem;font-weight:200;padding:2rem}.env__side--1{border-image:repeating-linear-gradient(-45deg,rgba(6,6,163,.8),rgba(6,6,163,.8) 25px,transparent 0,transparent 40px,#9e0000 0,#9e0000 65px,transparent 0,transparent 80px) 12/10px;transition:all .4s}.env.active .env__side--1{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.env.active .env__side--2{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.env.active,.env.active:hover{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}.env.active:hover{box-shadow:none}.env:hover{box-shadow:5px 0 400px #000;-webkit-transform:scale(.45) rotate(20deg) translateX(50%);transform:scale(.45) rotate(20deg) translateX(50%)}@media screen and (max-width:700px){.env:hover{-webkit-transform:scale(.65) translateY(50%) rotate(17deg);transform:scale(.65) translateY(50%) rotate(17deg)}}.env__timbre{height:10rem;position:absolute;right:0;top:0}@media screen and (max-width:750px){.env__timbre{height:7rem}}@media screen and (max-width:500px){.env__timbre{height:5rem}}.env__stamp{height:10rem;position:absolute;right:3rem;top:3rem}@media screen and (max-width:750px){.env__stamp{height:7rem}}@media screen and (max-width:500px){.env__stamp{height:5rem}}.env__info{color:#000;font-family:Love Ya Like A Sister,cursive;font-size:2rem;position:absolute;right:10rem;text-align:center;top:50%}@media screen and (max-width:750px){.env__info{font-size:1.6rem;right:5rem;top:40%}}@media screen and (max-width:450px){.env__info{font-size:1.2rem;right:5%;top:60%}}.env__info__item{border-bottom:1px solid #000;padding:2rem 3rem 0}.env__info__name{text-transform:uppercase}.env.active{cursor:default}.frame{align-items:center;align-self:center;background-color:#4d260a;border-radius:4px;box-shadow:inset 0 0 15px brown,0 0 15px rgba(0,0,0,.473);color:#4c4c66;display:flex;height:40rem;justify-content:center;width:40rem}@media screen and (max-width:450px){.frame{height:30rem;width:30rem}}.frame--1{color:#505f50}.frame__border{background-color:brown;border-radius:4px;box-shadow:inset 0 0 5px #502a0f,0 0 5px brown}.frame__border,.frame__content{align-items:center;display:flex;height:97%;justify-content:center;width:97%}.frame__content{background-color:bisque}.frame__background{background-image:linear-gradient(180deg,transparent 50%,bisque 0),linear-gradient(192deg,transparent 50%,currentColor 0),linear-gradient(204deg,transparent 50%,bisque 0),linear-gradient(216deg,transparent 50%,currentColor 0),linear-gradient(228deg,transparent 50%,bisque 0),linear-gradient(240deg,transparent 50%,currentColor 0),linear-gradient(252deg,transparent 50%,bisque 0),linear-gradient(264deg,transparent 50%,currentColor 0),linear-gradient(276deg,transparent 50%,bisque 0),linear-gradient(288deg,transparent 50%,currentColor 0),linear-gradient(300deg,transparent 50%,bisque 0),linear-gradient(312deg,transparent 50%,currentColor 0),linear-gradient(324deg,transparent 50%,bisque 0),linear-gradient(336deg,transparent 50%,currentColor 0),linear-gradient(348deg,transparent 50%,bisque 0),linear-gradient(1turn,transparent 50%,currentColor 0);height:95%;position:relative;width:95%}.frame__background,.frame__text{align-items:center;display:flex;justify-content:center}.frame__text{background-color:#4c4c66;border:2rem solid bisque;border-radius:50%;color:#813c3c;font-family:Cookie,cursive;font-size:7rem;height:50%;text-transform:capitalize;width:50%;z-index:10}.frame__text h3{position:absolute;text-shadow:3px 0 0 bisque,-3px 0 0 bisque,0 3px 0 bisque,0 -3px 0 bisque,3px 3px 0 bisque,-3px -3px 0 bisque,-3px 3px 0 bisque,3px -3px 0 bisque;-webkit-transform:skew(-10deg,-15deg);transform:skew(-10deg,-15deg)}.frame__text--1{background-color:#505f50;border:1rem solid bisque;border-radius:0;color:#7a5278;font-family:"DM Serif Display",serif;font-size:4rem;text-align:center;text-transform:uppercase;width:100%}.frame__text--1 h3{position:absolute;-webkit-transform:skew(0deg,0deg);transform:skew(0deg,0deg)}@media screen and (max-width:450px){.frame__text{font-size:2rem}}.frame__bottom{background-image:linear-gradient(0deg,transparent 50%,currentColor 0),linear-gradient(12deg,transparent 50%,bisque 0),linear-gradient(24deg,transparent 50%,currentColor 0),linear-gradient(36deg,transparent 50%,bisque 0),linear-gradient(48deg,transparent 50%,currentColor 0),linear-gradient(60deg,transparent 50%,bisque 0),linear-gradient(72deg,transparent 50%,currentColor 0),linear-gradient(84deg,transparent 50%,bisque 0),linear-gradient(96deg,transparent 50%,currentColor 0),linear-gradient(108deg,transparent 50%,bisque 0),linear-gradient(120deg,transparent 50%,currentColor 0),linear-gradient(132deg,transparent 50%,bisque 0),linear-gradient(144deg,transparent 50%,currentColor 0),linear-gradient(156deg,transparent 50%,bisque 0),linear-gradient(168deg,transparent 50%,currentColor 0),linear-gradient(180deg,transparent 50%,bisque 0);bottom:0;-webkit-clip-path:inset(50% 0 0 0);clip-path:inset(50% 0 0 0);left:0;position:absolute;right:0;top:0;z-index:0}.footer{align-items:center;background-color:#000;display:flex;font-family:Cookie,cursive;font-size:3rem;justify-content:center}.footer__content{background-color:#000;border-radius:5px;color:bisque;margin-top:3rem;padding:1rem}.mug{position:relative}.mug__cup{box-shadow:0 0 15px #000,inset 0 0 3px #000;height:15rem;width:15rem;z-index:10}.mug__cup,.mug__wall{align-items:center;background-color:wheat;border-radius:50%;display:flex;justify-content:center}.mug__wall{box-shadow:0 0 3px #000,inset 0 0 60px #000;height:13rem;width:13rem}.mug__coffee{align-items:center;background-color:#351c1c;border-radius:50%;display:flex;height:12rem;justify-content:center;width:12rem}.mug__handle{background-color:wheat;border-radius:10%/50%;box-shadow:inset 0 0 3px #000;height:3rem;left:-5rem;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:6rem}.mug__steam{background-image:radial-gradient(circle,hsla(0,0%,100%,.562) 0,transparent 70%);border-radius:50%;height:90%;opacity:0;transition:all .8s;width:90%}.mug__steam:hover{opacity:1}
/*# sourceMappingURL=main.f391c1e2.css.map*/