body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-display:swap;font-family:Edu TAS Beginner;font-style:normal;font-weight:400;src:url(/static/media/EduTASBeginner-Regular.6654af0733c274eef43d.ttf) format("truetype")}@font-face{font-display:swap;font-family:Edu TAS Beginner;font-style:normal;font-weight:700;src:url(/static/media/EduTASBeginner-Bold.e40ec7e2c88f346e4463.ttf) format("truetype")}@font-face{font-display:swap;font-family:LoveYaLikeASister;font-style:normal;font-weight:400;src:url(/static/media/LoveYaLikeASister-Regular.5783571c335ed23cc13f.ttf) format("truetype")}.App{background-color:linen;display:flex;flex-direction:column;font-family:Edu TAS Beginner,cursive;font-size:25px;font-style:normal;font-weight:400;margin:0;padding:0}.side-bar{background:#0000;border-right:3px solid #f99;height:100%;left:0;max-width:310px;position:fixed;top:0;width:20%;z-index:99}.side-bar__list{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;list-style-type:none;margin:10px;padding:0}.side-bar__list-item{background-color:#acffac;font-weight:700;margin:0;padding:3%;position:relative;width:70%}.side-bar__list-item:before{background-color:#d0d0d0;bottom:-5px;content:"";filter:blur(4px);height:70%;position:absolute;right:7px;transform:rotate(5deg);transition:right .5s ease-in .2s,bottom .5s ease-in .2s;width:70%;z-index:-1}.side-bar__list-item:hover:before{bottom:-10px;right:25px;transition:right .5s ease-in .2s,bottom .5s ease-in .2s}.side-bar__list-item_linkedin{background-color:#c1e0ff}.side-bar__list-item_project{background-color:#ffacac;margin-bottom:2em}.side-bar__social-link{align-items:center;color:#151413;cursor:pointer;display:flex;font-size:1em;justify-content:center;text-align:center;text-decoration:none}.side-bar__social-icon{height:35px;margin-right:10px;width:35px}@media screen and (max-width:1200px){.side-bar__social-link{font-size:.8em}}@media screen and (max-width:900px){.side-bar__social-link{flex-direction:column}.side-bar__social-icon{margin-right:0}}@media screen and (max-width:600px){.side-bar__list{margin:5px}.side-bar__list-item{font-size:.7em}}@media screen and (max-width:430px){.side-bar{border-right:none;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;width:100%}.side-bar__list{align-items:space-evenly;flex-direction:row;justify-content:space-evenly}.side-bar__list-item_project{margin-bottom:0}.side-bar__social-icon{height:25px;width:25px}}.header{align-content:center;display:flex;justify-content:center;margin:0 0 0 auto;width:80%}.header__name{color:#151413;font-family:LoveYaLikeASister,cursive;font-size:3em;font-weight:bolder;margin:.4em auto;text-decoration:none}@media screen and (max-width:700px){.header__name{font-size:2.5em}}@media screen and (max-width:600px){.header__name{font-size:2em}}@media screen and (max-width:475px){.header__name{font-size:1.8em}}@media screen and (max-width:430px){.header{margin:0 auto}.header__name{font-size:1.7em}}.main{background:repeating-linear-gradient(180deg,#48c8c4,#48c8c4 .01em,linen .1em,linen 1.1em);line-height:normal;margin:0}.main__content{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 0 0 auto;width:80%}@media screen and (max-width:430px){.main__content{margin:0 auto;width:100%}}.content__self-info{display:flex;flex-direction:row;gap:.8em;justify-content:space-around;margin:1.5em 0;width:100%}.self-info__frame{background-color:#fff;box-shadow:0 0 5px #0003;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0;padding:25px;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.self-info__tape{background-image:linear-gradient(-45deg,#f57c6466 25%,#0000 0,#0000 50%,#f57c6466 0,#f57c6466 75%,#0000 0,#0000);background-size:20px 20px;border-left:2px dotted #0000001a;border-right:2px dotted #0000001a;box-shadow:0 0 5px #0003;color:#65513f;height:30px;left:26%;padding:.25em 2em;position:absolute;top:-1em;transform:rotate(-4deg);width:80px}.self-info__img{height:300px;margin:0;width:300px}.self-info__texts{display:flex;flex-direction:column;gap:.5em;max-width:750px}.self-info__text{align-self:center;color:#120b04;font-size:1.1em;line-height:normal;margin:0;text-align:start;text-indent:1.1em;width:auto}.self-info__link{background:linear-gradient(#0000 50%,#f99 0);background-position:0 100%;background-repeat:no-repeat;background-size:0 100%;color:#120b04;cursor:pointer;font-weight:700;text-decoration:none;transition:all .8s ease}.self-info__link:hover{background-size:100% 100%}@media screen and (max-width:1475px){.self-info__text{width:680px}.self-info__img{height:280px;width:280px}}@media screen and (max-width:1340px){.self-info__text{font-size:.8em;width:630px}.self-info__img{height:250px;width:250px}}@media screen and (max-width:1000px){.content__self-info{align-items:center;flex-direction:column;justify-content:space-around}}@media screen and (max-width:800px){.self-info__text{width:500px}}@media screen and (max-width:650px){.self-info__text{width:430px}}@media screen and (max-width:550px){.self-info__text{width:350px}}@media screen and (max-width:470px){.self-info__text{width:300px}}@media screen and (max-width:430px){.self-info__text{width:350px}.self-info__img{height:230px;width:230px}}.content__fun-fact{align-items:flex-start;display:flex;flex-direction:column;margin:2em 0;width:100%}.fun-fact__heading{color:#151413;font-family:LoveYaLikeASister,cursive;font-size:2em;margin:0 auto 0 1em}.fun-fact__list{align-self:center;color:#151413;flex-direction:row;flex-wrap:wrap;gap:2em;list-style-type:none;margin:1em;max-width:1050px;padding:0}.fun-fact__list,.fun-fact__list-item{align-items:center;display:flex;justify-content:center}.fun-fact__list-item{background:#0000;border:5px solid #151413;border-radius:10px 50px/50px 10px;flex-direction:column;padding:1em;text-align:center}.fun-fact__frame{background-color:#fff;box-shadow:0 0 5px #0003;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:1em 0;padding:25px;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.fun-fact__tape{background:#dbd0e4;background-image:radial-gradient(#fff 20%,#0000 0),radial-gradient(#fff 20%,#0000 0);background-position:0 0,10px 10px;background-size:20px 20px;border-left:2px dotted #0000001a;border-right:2px dotted #0000001a;box-shadow:0 0 5px #0003;color:#593869;height:25px;left:26%;padding:.25em 2em;position:absolute;top:-1em;transform:rotate(-4deg);width:50px}.fun-fact__photo{height:250px;width:250px}.fun-fact__icons{display:flex;flex-direction:row;flex-wrap:nowrap;margin:0 0 1em;padding:0}.fun-fact__icon{height:auto;width:5em}@media screen and (max-width:600px){.fun-fact__photo{height:200px;width:200px}.fun-fact__icon{height:auto;width:4em}}@media screen and (max-width:500px){.fun-fact__photo{height:180px;width:180px}.fun-fact__icon{height:auto;width:3.3em}}.content__project{align-content:center;flex-direction:column;justify-content:center;margin:0;max-width:1230px;width:100%}.project__heading{color:#151413;font-family:LoveYaLikeASister,cursive;font-size:2em;line-height:normal;margin:.6em auto .6em .6em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.project__list{display:flex;flex-direction:row;flex-wrap:wrap;gap:1em;justify-content:space-evenly;list-style-type:none;margin:1em 0;padding:0}@media screen and (max-width:1370px){.project__heading{font-size:1.8em}}@media screen and (max-width:1250px){.project__heading{font-size:1.6em}}@media screen and (max-width:600px){.project__heading{font-size:1.3em}}@media screen and (max-width:480px){.project__heading{font-size:1.1em}}.project-card__list-item{background:#f8f0d7;border-top:10px dotted #0000001a;box-shadow:0 0 5px #0003;color:#65513f;cursor:pointer;display:flex;flex-direction:column;margin:30px 0;padding:25px;position:relative;transition:box-shadow .3s linear 0s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.project-card__list-item:hover{box-shadow:0 0 25px #0003;transition:box-shadow .3s linear 0s}.project-card__tape{background-color:#fff;background-image:linear-gradient(-45deg,#fd979780 25%,#0000 0,#0000 50%,#fd979780 0,#fd979780 75%,#0000 0,#0000 80%),linear-gradient(45deg,#fd979780 25%,#0000 0,#0000 50%,#fd979780 0,#fd979780 75%,#0000 0,#0000 80%);background-position:0 0,10px 10px;background-size:20px 20px;border-left:2px dotted #0000001a;border-right:2px dotted #0000001a;box-shadow:0 0 5px #0003;color:#593869;height:25px;left:26%;padding:.25em 2em;position:absolute;top:-1em;transform:rotate(-4deg);visibility:visible;width:50px}.project-card__list-item:hover .project-card__tape{transition:visibility 0s linear 0s;visibility:hidden}.project-card__screenshot{align-self:center;box-shadow:0 0 5px #0003;height:300px;justify-self:center;margin:0 0 1em;object-fit:cover;width:300px}.project-card__title{color:#151413;font-size:1.2em;font-weight:700;line-height:47px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:300px}@media screen and (max-width:1000px){.project-card__screenshot{height:250px;width:250px}.project-card__title{font-size:1em;width:250px}}.footer{align-items:center;display:flex;height:4em;justify-content:flex-end;max-width:1800px;width:100%}.footer__content{color:#151413;font-size:1em;margin:1em;text-align:center}@media screen and (max-width:430px){.footer__content{font-size:.8em}}.project-modal__screenshot{box-shadow:0 0 5px #0003;height:300px;margin:1em 0;width:auto}.project-modal__link{cursor:pointer}.project-modal__description{color:#151413;display:flex;flex-direction:column;font-size:1em;justify-content:flex-start;margin:0}@media screen and (max-width:900px){.project-modal__screenshot{height:280px;width:auto}.project-modal__description{font-size:.8em}}@media screen and (max-width:750px){.project-modal__screenshot{height:auto;width:500px}}@media screen and (max-width:640px){.project-modal__screenshot{height:auto;width:400px}}@media screen and (max-width:550px){.project-modal__screenshot{height:auto;width:320px}.project-modal__description{font-size:.6em}}@media screen and (max-width:430px){.project-modal__screenshot{height:auto;width:270px}}.modal{align-items:center;background-color:#0000004d;bottom:0;display:flex;height:100%;justify-content:center;left:0;position:fixed;right:0;top:0;width:100%;z-index:99}.modal__content{background:#f8f0d7;border-top:10px dotted #0000004d;box-shadow:0 0 5px #0003;display:flex;flex-direction:column;justify-content:flex-start;max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content;padding:1em;position:relative}.modal__close{background-color:#c1f792;border:none;color:#151413;cursor:pointer;font-family:Edu TAS Beginner,cursive;font-weight:700;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;outline:none;padding:10px 15px;position:absolute;right:-30px;top:20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.modal__close:before{background-color:#000;content:"";filter:blur(4px);height:70%;position:absolute;right:-3px;top:15px;transform:rotate(5deg);transition:right .1s ease-in .1s,top .1s ease-in .1s;width:70%;z-index:-1}.modal__close:hover:before{right:-10px;top:20px;transition:right .5s ease-in .2s,top .5s ease-in .2s}.modal__title{font-size:1.5em;margin:0}@media screen and (max-width:900px){.modal__title{font-size:1.2em}}
/*# sourceMappingURL=main.9e4b2530.css.map*/