*{box-sizing:border-box}body,html{font-family:Inter,sans-serif;font-size:1.5rem;font-weight:700;margin:0;padding:0}body .wrapper{background-color:#1e90ff;border-radius:20px;box-shadow:0 0 7px 3px #1e90ff;margin:0 auto;max-width:800px;width:95%}body .wrapper .home{height:950px}body .wrapper .home .letters{font-size:2rem;margin:0 auto;padding:65px 0 10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}body .wrapper .home .letters p{color:#adff2f;margin:0}body .wrapper .home .letters .me{background-color:green;border-radius:10px;color:#adff2f;font-size:15px;padding:5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}body .wrapper .home .home--body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:calc(100% - 250px)}body .wrapper .home .home--body .left .frog{height:100%}@media screen and (max-width:600px){body .wrapper .home .home--body .left{height:500px}}body .wrapper .home .home--body .right .content{display:flex;flex-direction:column;gap:20px;height:100%;justify-content:center;padding:5px}body .wrapper .home .home--body .right .content .link--button{background-color:green;border-radius:20px;color:#adff2f;cursor:pointer;padding:5px;text-indent:10px;width:100%}body .wrapper .home .home--body .right .content .link--button:hover{box-shadow:inset 0 0 15px 3px #adff2f}@media screen and (max-width:600px){body .wrapper .home{height:100%}body .wrapper .home .letters{font-size:1.5rem;padding:65px 0 0;text-align:center}body .wrapper .home .letters .me{margin:0 auto}body .wrapper .home .home--body{display:grid;font-size:1.2rem;grid-template-columns:minmax(0,1fr)}}body .wrapper .page--container{font-size:1.3rem;font-weight:100;height:100vh;position:relative}body .wrapper .page--container .arrow{display:flex;justify-content:space-between;position:absolute;width:100%}body .wrapper .page--container .arrow span{background-color:green;border-radius:100%;color:#adff2f;cursor:pointer;margin:5px;padding:5px}@media screen and (max-width:500px){body .wrapper .page--container .arrow span{font-size:20px}}body .wrapper .page--container .title{display:flex;justify-content:center;left:50%;position:absolute;transform:translateX(-50%);z-index:5}body .wrapper .page--container .title h1{background-color:green;border-radius:20px;box-shadow:0 0 5px 5px #3ec93e;color:#adff2f;font-size:2rem;padding:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (max-width:600px){body .wrapper .page--container .title h1{font-size:1.6rem;margin:35px}}@media screen and (max-width:350px){body .wrapper .page--container .title h1{font-size:1.2rem;margin:35px}}body .wrapper .page--container .body--container{padding:70px 10px 10px}body .wrapper .page--container .body--container .body{background-color:#fff;border-radius:20px;box-shadow:0 0 5px 5px #3ec93e;height:calc(100vh - 90px);padding:70px 10px 10px}body .wrapper .page--container .body--container .body p{margin:0 0 20px}@media screen and (max-width:500px){body .wrapper .page--container .body--container .body p{font-size:1.2rem}}@media screen and (max-width:350px){body .wrapper .page--container .body--container .body p{font-size:1rem}}body .wrapper .page--container .body--container .body .cards{grid-gap:10px;border-radius:10px;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}body .wrapper .page--container .body--container .body .cards .project--card,body .wrapper .page--container .body--container .body .cards .skill--card{background-color:#fff;border-radius:10px;box-shadow:0 0 9px 2px #b9b7b7;font-size:1rem;font-weight:600;margin:10px}body .wrapper .page--container .body--container .body .cards .project--card img,body .wrapper .page--container .body--container .body .cards .skill--card img{aspect-ratio:1/1;border-radius:10px;padding:10px;width:100%}body .wrapper .page--container .body--container .body .cards .project--card div,body .wrapper .page--container .body--container .body .cards .skill--card div{padding:10px}body .wrapper .page--container .body--container .body .cards .project--card div p,body .wrapper .page--container .body--container .body .cards .skill--card div p{margin:0;text-align:center}body .wrapper .page--container .body--container .body .cards .project--card div p:nth-child(2),body .wrapper .page--container .body--container .body .cards .skill--card div p:nth-child(2){font-size:.8rem;font-weight:100}body .wrapper .page--container .body--container .body .cards .project--card:hover{cursor:pointer;transform:scale(1.05)}@media screen and (max-width:600px){body .wrapper .page--container .body--container .body .cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:500px){body .wrapper .page--container .body--container .body .cards{display:grid;grid-template-columns:repeat(1,minmax(0,1fr))}body .wrapper .page--container .body--container .body .cards .project--card:hover{transform:scale(1.02)}}body .wrapper .page--container .body--container .body .experiences{display:flex;flex-direction:column;gap:50px}body .wrapper .page--container .body--container .body .experiences .experience{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}body .wrapper .page--container .body--container .body .experiences .experience .experience--img{align-items:center;display:flex;justify-content:center}body .wrapper .page--container .body--container .body .experiences .experience .experience--img img{aspect-ratio:1/1;border-radius:10px;width:90%}body .wrapper .page--container .body--container .body .experiences .experience .experience--title p{font-weight:600;margin:0}body .wrapper .page--container .body--container .body .experiences .experience .experience--title p:nth-child(2){font-size:.8rem}body .wrapper .page--container .body--container .body .experiences .experience .experience--description ul{display:flex;flex-direction:column;font-size:.8rem;font-weight:100;gap:5px}@media screen and (max-width:600px){body .wrapper .page--container .body--container .body .experiences .experience{grid-template-columns:minmax(0,1fr)}body .wrapper .page--container .body--container .body .experiences .experience .experience--title{margin-top:20px}body .wrapper .page--container .body--container .body .experiences .experience .experience--title p{font-size:1.2rem;margin:0;text-align:center}}body .wrapper .page--container .body--container .body .contact{display:flex;flex-direction:column;gap:10px;margin-top:40px}body .wrapper .page--container .body--container .body .contact div{align-items:center;display:flex;gap:10px}body .wrapper .page--container .body--container .body .contact div p{margin:0}@media screen and (max-width:500px){body .wrapper .page--container .body--container .body .contact div p{font-size:.7rem}}@media screen and (max-width:600px){body .wrapper .page--container .body--container .body{font-size:1.2rem;height:100%}body .wrapper .page--container .body--container .body div p{font-size:1rem}body .wrapper .page--container .body--container .body{height:100%;padding:50px 10px 10px}body .wrapper .page--container{height:100%}}.project--modal{display:grid;grid-template-columns:30% 70%}.project--modal .onImg{position:relative}.project--modal .onImg img{aspect-ratio:1/1;border-radius:10px;filter:brightness(50%);margin:10px 0;width:100%}.project--modal .onImg .icons{display:flex;gap:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.project--modal .onImg .icons a{color:#fff;font-size:40px}.project--modal .onImg .icons a:hover{color:#1e90ff}.project--modal .outImg img{aspect-ratio:1/1;background-color:#0000;border-radius:10px;margin:10px 0;width:100%}.project--modal .text{display:flex;flex-direction:column}.project--modal .text h2{font-size:1.4rem;margin:0 0 0 20px}.project--modal .text p{font-size:1rem;font-weight:500;line-height:120%;margin:0 0 0 20px}.project--modal .text ul li{font-size:.9rem;font-weight:400}@media screen and (max-width:600px){.project--modal{display:flex;flex-direction:column}.project--modal .onImg{position:relative}.project--modal .onImg img{aspect-ratio:1/1;filter:brightness(50%);padding:10px 0;width:100%}.project--modal .onImg .icons{left:50%;position:absolute;top:50%;transform:translateX(-50%)}.project--modal .outImg img{aspect-ratio:1/1;background-color:#0000;padding:10px 0;width:100%}.project--modal ul li{font-size:.7rem}}
/*# sourceMappingURL=main.915a3742.css.map*/