*{margin:0;padding:0}body{background-color:#000030;color:#fff;display:flex;font-family:Arial,Helvetica,sans-serif}body #root{display:flex;flex-basis:auto;flex-direction:row;flex-wrap:wrap;margin:2vh 0;padding:0;width:100%}body main{background-color:#0000004d;border-radius:15px;box-shadow:0 0 10px #00000080;padding:2vh;width:75%}body section{color:#2d5eff;margin:4vh auto;width:100%}body section .title-page{font-size:xxx-large;font-weight:900;margin:10vh auto 5vh;width:max-content}@media(max-width:800px){body{display:flex;flex-direction:column;margin:0;padding:0;width:100%}body:nth-child(2){margin-left:0}body main{margin:2vh auto;padding:4vh;width:75%}body section{margin:0}body section .title-page{font-size:xx-large;margin:1vh 0 4vh}}.about-name{font-size:xxx-large;font-weight:800;margin-bottom:2vh;margin-top:2vh;text-align:center}.about-name,.about-name h2,.about-text{height:max-content;width:100%}.about-text{grid-gap:15px;color:#fff;display:grid;gap:15px;text-align:center}.about-text h2{color:#fff;margin:2vh auto 1vh;width:max-content}.about-text p{font-size:16px;font-weight:400;height:max-content;line-height:1.3;width:90%}@media(max-width:800px){h2{font-size:larger;margin:0 auto 1vh}.about-name{display:none;font-size:small}.about-name h2{font-size:larger;height:max-content;padding:1vh;width:max-content}.about-text{margin:0 auto;width:100%}.about-text p{font-size:x-small;margin:0 auto}}.playlist-list{display:flex;height:auto;justify-content:space-between;margin:0 auto;width:80%}.playlist-list .playlist-item{background-color:#ffffff1a;border-radius:5px;color:#fff;display:flex;flex-direction:column;padding:10px 25px 15px;text-decoration:none;width:200px}.playlist-list .playlist-item:hover .playlist-bar{width:95%}.playlist-list .playlist-item .playlist-bar{background-color:#ffffff80;border-radius:5px;display:block;height:3px;margin:.5vh auto 1vh;transition:all .5s ease-in-out;width:0}.playlist-list .playlist-item .playlist-title{display:flex;gap:20px;height:auto;width:max-content}.playlist-list .playlist-item .playlist-title img{height:22px;width:22px}.playlist-list .playlist-item .playlist-title h3{font-size:medium;height:max-content;margin-top:auto}@media(max-width:800px){.playlist-list{flex-direction:column;gap:20px;justify-content:center;margin-top:4vh}.playlist-list .playlist-item{margin:0 auto;padding:15px 20px;width:80%}.playlist-list .playlist-item .playlist-bar{display:none}.playlist-list .playlist-item .playlist-title img{height:14px;width:14px}.playlist-list .playlist-item .playlist-title h3{font-size:small;width:100%}}.skill-container{border-radius:15px;display:flex;flex-direction:column;gap:30px;justify-content:space-around;margin:2vh auto;width:100%}.skill-container h2{font-size:xx-large;margin-bottom:20px;margin-left:25px;width:max-content}.skill-container h2:before{background-color:#2d5eff;color:#2d5eff;content:".";height:5px;margin-right:10px;width:2px}.skill-container .skill-area{animation:scroll 3s ease-in-out;margin-bottom:4vh}.skill-container .skill-area h2{margin-left:40px}.skill-container .skill-area .skill-list{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin:auto;width:90%}.skill-container .skill-area .skill-list h2{color:#2d5eff;text-align:left;width:100%}.skill-container .skill-area .skill-list .skill{grid-gap:10px;background-color:#d1d1d11a;border-radius:10px;box-shadow:0 0 10px 3px #2d5eff0d;color:#fff;display:grid;flex-direction:column;gap:10px;padding:2vh;transition:all .8s;width:45%}.skill-container .skill-area .skill-list .skill:focus,.skill-container .skill-area .skill-list .skill:hover{box-shadow:0 10px 10px 3px #2d5eff0d;transform:translateY(-5px)}.skill-container .skill-area .skill-list .skill div{align-items:center;display:flex;gap:15px}.skill-container .skill-area .skill-list .skill div img{width:28px}.skill-container .skill-area .skill-list .skill div h1{font-size:large;height:max-content;width:max-content}.skill-container .skill-area .skill-list .skill p{font-size:14px}@media(max-width:800px){.skill-container{flex-direction:column;gap:30px;grid-template-columns:100%;margin:3vh 0;padding:0;width:100%}.skill-container .skill-area{width:100%}.skill-container .skill-area h2{font-size:18px;margin:0 0 15px;width:100%}.skill-container .skill-area .skill-list{gap:15px;width:100%}.skill-container .skill-area .skill-list h2{font-size:medium;margin:0}.skill-container .skill-area .skill-list .skill{gap:5px;padding:1.5vh 4vw;width:35%}.skill-container .skill-area .skill-list .skill:focus,.skill-container .skill-area .skill-list .skill:hover{box-shadow:0 15px 10px 3px #2d5eff0d;transform:translateY(-10px)}.skill-container .skill-area .skill-list .skill div{gap:10%;margin:0}.skill-container .skill-area .skill-list .skill div img{width:20%}.skill-container .skill-area .skill-list .skill div h1{font-size:smaller;margin:auto auto auto 0;width:70%}.skill-container .skill-area .skill-list .skill p{font-size:x-small;font-weight:200;width:90%}.skill-container .skill-area .skill-list .skill ul{display:flex;flex-direction:column}}.project-list{border-radius:15px;display:flex;gap:20px;margin:auto;position:relative;width:100%}.project-list a{color:#fff;outline:0;-webkit-text-decoration:0 solid #fff0;text-decoration:0 solid #fff0}.project-list .project-item{background-color:#d1d1d11a;border-radius:15px;box-shadow:0 0 20px rgba(255,248,220,.219);display:flex;flex-wrap:wrap;gap:15px;height:max-content;margin:0 auto;padding:3vh;position:relative;transition:all .8s;width:50%}.project-list .project-item:focus,.project-list .project-item:hover{box-shadow:0 5px 20px rgba(255,248,220,.219);transform:translateY(-5px)}.project-list .project-item img{background-color:#000;border-radius:15px;margin-top:auto;width:18%}.project-list .project-item h1{font-size:x-large;font-weight:bolder;height:max-content;width:max-content}.project-list .project-item div{grid-gap:10px;display:grid;font-size:x-small;font-weight:100;gap:10px;width:100%}.project-list .project-item div h2,.project-list .project-item div p{font-size:medium;width:100%}.project-list .project-item h3{font-size:medium;margin:auto;width:max-content}@media(max-width:800px){.project-list{flex-direction:column;margin:2vh auto;padding:0;width:100%}.project-list .project-item{gap:10px;margin:auto;padding:2vh;width:80%}.project-list .project-item div p{font-size:x-small;font-weight:200}}.aside{background-color:#000030;border-radius:5px;display:flex;flex-direction:column;gap:2vh;height:100%;height:auto;justify-content:space-between;width:20%}@media(max-width:1024px){.aside{display:none}}.aside .aside-component{background-color:#0000004d;border-radius:15px;box-shadow:0 0 8px #00000080;color:#2d5eff;display:grid;margin:0 auto;padding:2.2vh 3vh;transition:all .3s;width:75%;width:80%}.aside .aside-component:focus,.aside .aside-component:hover{box-shadow:1px 3px 8px #00000080;transform:translateY(-3px)}@media(max-width:1024px){.aside .aside-component{margin:2vh auto}}.aside .aside-component a{text-decoration:none}.aside .aside-component h3{margin:1.2vh 0 1.2vh 1vh;pointer-events:none;width:max-content}.aside .aside-list{grid-gap:5px;display:grid;gap:5px;list-style-type:none;margin-right:auto;width:100%}.aside .aside-list .aside-item{align-items:center;color:#fff;display:flex;gap:15px;margin-right:auto;padding:1.5vh;transition:all 1s;width:max-content}.aside .aside-list .aside-item:hover{transform:translateY(-5px)}.aside .aside-list .aside-item h1{font-size:medium}.aside .aside-list .aside-item .aside-img{width:22px}.header{display:none}@media(max-width:1024px){.header{align-items:center;background-color:#0000004d;border-radius:12px;box-shadow:0 0 10px #00000080;color:#2d5eff;display:flex;justify-content:space-between;margin:3vh auto 1vh;padding:2vh 4vh;position:relative;width:75%}.header h3{filter:drop-shadow(0 0 2px rgb(45,94,255))}.header img{filter:drop-shadow(0 0 2px white);transition:all .5s ease-in-out;width:18px}.header img:focus,.header img:hover{filter:drop-shadow(0 0 4px white);filter:#000;transform:translateY(-2px)}}
/*# sourceMappingURL=main.9123fd55.css.map*/