@import url(https://fonts.googleapis.com/css2?family=Montserrat&family=Open+Sans&family=Roboto&family=Rubik+Mono+One&family=Space+Mono&family=Ubuntu&display=swap);@import url(https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.4/font/bootstrap-icons.css);.the_intro{display:flex;flex-direction:column;height:100%;padding-top:80px;width:100%}.the_intro .intro{font-family:Rubik Mono One,sans-serif;font-size:110px;margin-left:3%;margin-top:0;overflow-wrap:break-word;text-align:left}.the_intro .intro+:nth-child(2){font-size:34px;margin-left:5%}.the_intro .intro+:nth-child(3){border-bottom:6px dashed var(--black);font-size:65px;margin-left:5%;overflow-wrap:break-word}.the_intro .info{background-color:var(--white);border:2px solid var(--black);font-size:24px;margin-inline:6%;margin-bottom:100px;margin-top:100px;padding:6%}.project_block,.the_intro .info{font-family:Space Mono,monospace}.project_block{border-top:2px dashed var(--black);margin-top:0;width:100%}.project_block h2{font-family:Rubik Mono One,sans-serif;font-size:40px;margin-inline:auto;margin-top:100px}.project_block h2,.project_block p{margin-bottom:60px;text-align:center}.project_block p{font-size:20px;margin-inline:50px;margin-top:0}.project_block .projects{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;margin:0 auto;max-width:100%;width:95%}.project_block .projects .project{aspect-ratio:1.95/1;border:2px solid var(--black);border-radius:20px;display:flex;margin:40px auto;max-width:700px;min-width:500px;overflow:hidden;position:relative;width:45%}.project_block .projects .project .img_box{aspect-ratio:2/3;border-radius:inherit;border-radius:1.5rem;display:inline-block;-webkit-filter:blur(0);filter:blur(0);margin:.25rem 0 .3rem -75px;overflow:hidden;position:relative;scale:1;-webkit-transform:skew(-20deg);transform:skew(-20deg);transition:scale .4s ease-in-out,-webkit-filter;transition:scale .4s ease-in-out,filter;transition:scale .4s ease-in-out,filter,-webkit-filter;width:65%;width:580px}.project_block .projects .project .img_box:hover{scale:1.08;transition:.4s ease-in-out}.project_block .projects .project .img_box:hover a{-webkit-filter:blur(0);filter:blur(0);margin-top:30%;opacity:1;scale:.92;transition:.5s ease-in-out;visibility:visible}.project_block .projects .project .img_box:hover a button{opacity:1;transition:.5s ease-in-out}.project_block .projects .project .img_box:hover img{-webkit-filter:blur(3px);filter:blur(3px);transition:.4s ease-in-out}.project_block .projects .project .img_box img{border-radius:inherit;height:100%;left:0;min-width:120%;object-fit:cover;position:relative;top:0;-webkit-transform:skew(20deg);transform:skew(20deg);width:auto;width:100%}.project_block .projects .project .img_box a{-webkit-filter:blur(0);filter:blur(0);height:10%;left:0;margin-left:42.5%;margin-top:60%;opacity:0;position:absolute;top:0;transition:.5s ease-in-out;visibility:none;width:30%;z-index:2}.project_block .projects .project .img_box a button{background-color:var(--white);border:1.5px solid var(--black);border-radius:6px;cursor:pointer;-webkit-filter:blur(0);filter:blur(0);font-family:Space Mono,monospace;font-size:18px;height:100%;opacity:0;-webkit-transform:skew(20deg);transform:skew(20deg);transition:.5s ease-in-out;width:100%}.project_block .projects .project .text_box{background-color:hsla(0,0%,100%,.4);border:2px solid var(--black);border-radius:10px;font-size:18px;line-height:24px;margin:.6rem;min-width:190px;overflow:hidden;overflow-y:auto;padding:3%;text-align:center;text-overflow:ellipsis;width:30%;z-index:1}.project_block .projects .project .text_box h3{font-family:Rubik Mono One,sans-serif;font-size:24px;font-weight:400;padding-bottom:3%;text-align:center}.contact_block{border-top:2px dashed var(--black);margin-bottom:100px;margin-top:60px;padding-top:100px}.contact_block h2{font-family:Rubik Mono One,sans-serif;font-size:40px;padding-bottom:40px;padding-top:0}.contact_block h2,.contact_block p{margin-inline:50px;text-align:center}.contact_block p{font-size:24px;font-size:22px;margin-bottom:60px;margin-top:0}.contact_block .contacts{display:flex;flex-direction:row;flex-wrap:wrap;margin-inline:auto;margin-bottom:60px;max-width:90%;width:90%}.contact_block .contacts .contact{border:1px solid var(--black);border-radius:8px;color:var(--black);display:flex;flex-direction:row;height:60px;margin-block:10px;margin-inline:auto;min-width:410px;overflow:hidden;text-decoration:none;transition:box-shadow .4s;width:auto}.contact_block .contacts .contact ion-icon{font-size:40px;margin-block:auto;margin-inline:20px;min-width:40px}.contact_block .contacts .contact p{font-family:Space Mono,monospace;font-size:20px;margin-block:auto;margin-inline:10px;padding-bottom:auto;padding-top:auto;width:260px}.contact_block .contacts .contact p.sub_txt{color:#a5a5a5;display:none}.contact_block .contacts .contact:hover{box-shadow:0 3px 6px 0 rgba(0,0,0,.1),0 1px 3px 0 rgba(0,0,0,.08);transition:box-shadow .4s}@media (max-width:600px){.the_intro{padding-top:60px}.the_intro .intro{font-family:Rubik Mono One,sans-serif;font-size:85px}.the_intro .intro+:nth-child(2){font-size:20px}.the_intro .intro+:nth-child(3){font-size:32px}.the_intro .info{font-family:Space Mono,monospace;font-size:20px;margin-inline:6%;margin-bottom:60px;margin-top:40px;padding:5%}.project_block h2{font-size:34px;margin-inline:auto;margin-bottom:20px;margin-top:40px;text-align:center}.project_block p{margin-inline:4%;margin-bottom:0}.project_block .projects{display:flex;flex-direction:column;margin:0 auto;width:95%}.project_block .projects .project{aspect-ratio:1/1.4;border:2px solid var(--black);border-radius:20px;display:flex;flex-direction:column;margin:40px auto;min-width:0;overflow:hidden;position:relative;width:80%}.project_block .projects .project .img_box{aspect-ratio:2/2.2;border-radius:inherit;border-radius:1.5rem;display:block;-webkit-filter:blur(0);filter:blur(0);margin:.25rem 0 .3rem -75px;min-width:0;overflow:hidden;position:absolute;scale:1;-webkit-transform:skew(-20deg);transform:skew(-20deg);transition:scale .4s ease-in-out,-webkit-filter;transition:scale .4s ease-in-out,filter;transition:scale .4s ease-in-out,filter,-webkit-filter;width:100%}.project_block .projects .project .img_box:hover{scale:1;transition:.4s ease-in-out}.project_block .projects .project .img_box:hover a{margin-left:20%;margin-top:5%;opacity:1;scale:1;transition:none;visibility:visible}.project_block .projects .project .img_box:hover a button{opacity:1;transition:none}.project_block .projects .project .img_box:hover img{-webkit-filter:blur(0);filter:blur(0);transition:none}.project_block .projects .project .img_box img{border-radius:inherit;height:100%;left:0;object-fit:cover;position:relative;top:0;-webkit-transform:skew(20deg);transform:skew(20deg);width:auto;width:100%}.project_block .projects .project .img_box a{height:15%;left:0;margin-left:20%;margin-top:5%;max-height:40px;min-width:145px;opacity:1;position:absolute;top:0;transition:none;visibility:visible;width:60%;z-index:2}.project_block .projects .project .img_box a button{border:1.5px solid var(--black);border-radius:6px;cursor:pointer;-webkit-filter:blur(0);filter:blur(0);height:100%;opacity:1;-webkit-transform:skew(20deg);transform:skew(20deg);transition:none;width:100%}.project_block .projects .project .text_box{background-color:hsla(0,0%,100%,.75);height:70%;margin:auto .6rem .6rem auto;min-width:160px;overflow:hidden;overflow-y:auto;padding:3%;width:50%}.contact_block{margin-bottom:100px;margin-top:40px;padding-top:0}.contact_block h2{font-family:Rubik Mono One,sans-serif;font-size:40px;margin-inline:auto;padding-bottom:40px;text-align:center}.contact_block p{font-size:20px;margin-inline:4%;margin-bottom:0}.contact_block .contacts{display:flex;flex-direction:column;margin-inline:auto;margin-bottom:60px;width:90%}.contact_block .contacts .contact{border-radius:8px;display:flex;flex-direction:column;height:100px;min-width:100px;overflow:hidden;transition:box-shadow .4s;width:100%}.contact_block .contacts .contact ion-icon{font-size:40px;margin:auto;min-width:40px}.contact_block .contacts .contact p{font-size:18px;margin-block:auto;margin-inline:auto;padding-top:auto;text-align:center;width:100%}}.tab_group{background-color:var(--white);border:1px solid var(--black);border-radius:.5rem;box-sizing:border-box;display:flex;flex-direction:row;gap:1rem;height:2.5rem;margin:4rem 0 7rem;margin-inline:auto;overflow-x:auto;padding:.2rem .5rem;position:-webkit-sticky;position:sticky;top:60px;width:99%}.tab_group .tab{background-color:initial;border:none;border:0 solid var(--black);border-radius:5rem;font-size:1.1rem;height:100%;min-width:12rem;transition:border 50ms ease}.tab_group .tab.active{border-bottom:3px solid var(--black);border-left:2px solid var(--black);border-right:1px solid var(--black);border-top:1px solid var(--black)}.tab_group .tab:active{border-bottom:1px solid var(--black);border-left:1px solid var(--black);border-right:2px solid var(--black);border-top:3px solid var(--black)}.tab_group_2{background-color:var(--white);border:1px solid var(--black);border-radius:.5rem;box-sizing:border-box;display:flex;flex-direction:row;gap:1rem;height:2.5rem;margin:4rem 0 7rem;margin-inline:auto;overflow-x:auto;padding:.2rem .5rem;position:-webkit-sticky;position:sticky;top:60px;width:99%}.tab_group_2 .tab{background-color:initial;border:none;border:0 solid var(--black);border-radius:5rem;font-size:1.1rem;height:100%;min-width:12rem;transition:border 50ms ease}.tab_group_2 .tab.active{border-bottom:3px solid var(--black);border-left:2px solid var(--black);border-right:1px solid var(--black);border-top:1px solid var(--black)}.tab_group_2 .tab:active{border-bottom:1px solid var(--black);border-left:1px solid var(--black);border-right:2px solid var(--black);border-top:3px solid var(--black)}.dark-theme .tab_group{background-color:var(--black);border:1px solid var(--white)}.dark-theme .tab_group .tab{background-color:initial;border:0 solid var(--white);color:var(--white)}.dark-theme .tab_group .tab.active{border-bottom:3px solid var(--white);border-left:2px solid var(--white);border-right:1px solid var(--white);border-top:1px solid var(--white)}.dark-theme .tab_group .tab:active{border-bottom:1px solid var(--white);border-left:1px solid var(--white);border-right:2px solid var(--white);border-top:3px solid var(--white)}.progress_bar{display:flex;flex-direction:column;margin-inline:auto;width:70%}.progress_bar .options{display:flex;flex-direction:row}.progress_bar .options p{margin-inline:0}.progress_bar .options .to{margin-left:auto}.progress_bar .bar{border:2px solid var(--black);border-radius:8px;height:20px;margin-inline:auto;overflow:hidden;width:100%}.progress_bar .bar .bar_fill{background:repeating-linear-gradient(45deg,var(--white),var(--white) 10px,var(--black) 10px,var(--black) 20px);border-right:2px solid var(--black);height:100%;width:0}.dark-theme .progress_bar .bar{border:2px solid var(--white)}.dark-theme .progress_bar .bar .bar_fill{background:repeating-linear-gradient(45deg,var(--black),var(--black) 10px,var(--white) 10px,var(--white) 20px);border-right:2px solid var(--white)}*{margin:0;padding:0}:root{--black:#212121;--white:#f5f5f5;--black-v1:#121212;--white-v2:#f5f5f5;--light-grey:#e2e2e2;--dark-grey:#3d3d3d;--accent:#2fc55c;--dark-accent:#36a156;background-color:#f5f5f5;background-color:var(--white);color:#212121;color:var(--black)}#root{min-height:100vh;width:100%}.top_bar{background-color:#f5f5f5;background-color:var(--white);border-bottom:1px solid #e2e2e2;border-bottom:1px solid var(--light-grey);display:flex;flex-direction:row;height:50px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:5}.top_bar .icon_button{background-color:initial;border:none;color:#212121;color:var(--black);cursor:pointer;margin:auto 0;min-width:60px;text-align:center;width:100px}.top_bar .icon_button i{font-size:32px}.top_bar .icon_button ion-icon{font-size:28px}.top_bar .icon_button img{height:28px}.top_bar .break{background-color:#e2e2e2;background-color:var(--light-grey);border-radius:1rem;height:80%;margin:auto 10px;width:1px}.top_bar .icon_right_group{display:flex;flex-direction:row;height:100%;margin-left:auto}.top_bar .icon_right_group .icon_button{height:100%;line-height:60px;min-width:50px;width:60px}.sidebar{background-color:#f5f5f5;background-color:var(--white);border-right:1px solid #e2e2e2;border-right:1px solid var(--light-grey);height:calc(100% - 50px);overflow:hidden;padding-top:1px;position:fixed;top:50.5px;width:400px;z-index:4}.sidebar a{border-bottom:1px solid #e2e2e2;border-bottom:1px solid var(--light-grey);display:flex;flex-direction:row;text-decoration:none}.sidebar a i,.sidebar a ion-icon{color:#212121;color:var(--black);font-size:24px;margin:auto 20px}.sidebar a button{background-color:#f5f5f5;background-color:var(--white);border:none;color:#212121;color:var(--black);cursor:pointer;font-family:Space Mono,monospace;font-size:18px;padding:4%;width:100%}.sidebar.open{-webkit-transform:translateX(0);transform:translateX(0)}.sidebar.closed,.sidebar.open{transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out}.sidebar.closed{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.sidebarBox{height:calc(100vh - 50.5px);position:absolute;top:50.5px;width:100%}.sidebarBox.openBox{-webkit-transform:translateX(0);transform:translateX(0)}.sidebarBox.closedBox{-webkit-transform:translateX(-100%);transform:translateX(-100%)}footer{background-color:#f5f5f5;background-color:var(--white);border-top:1px solid #212121;border-top:1px solid var(--black);color:#4d4d4d;display:flex;flex-direction:row;font-family:Space Mono,monospace;font-size:18px;height:100px;margin-top:60px;width:100%}footer p{margin:auto}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-track{background:none}::-webkit-scrollbar-thumb{background:#212121;background:var(--black)}h1,h2,h3,h4,h5,h6{font-family:Rubik Mono One,sans-serif;text-align:center}h1{font-size:60px}h1,h2{margin-bottom:0;margin-top:60px}h2{font-size:40px}a,button,p{font-family:Space Mono,monospace;font-size:20px}p{margin:20px 10%;text-align:center}.links{margin-top:20px;margin-inline:auto;width:-webkit-min-content;width:min-content}.links a,.links button{align-items:center;background-color:initial;border:1px solid #212121;border:1px solid var(--black);border-radius:8px;color:#212121;color:var(--black);display:flex;flex-direction:row;justify-content:center;margin:10px 20px;padding:10px;text-align:center;text-decoration:none;transition:box-shadow .4s;width:330px}.links a:hover,.links button:hover{box-shadow:0 3px 6px 0 rgba(0,0,0,.1),0 1px 3px 0 rgba(0,0,0,.08);transition:box-shadow .4s}.links a div,.links button div{display:flex;flex-direction:row;margin:auto}@media (max-width:600px){.sidebar{width:100%}h1{font-size:40px}h1,h2{margin-bottom:0;margin-top:60px}h2{font-size:26px}.links{display:flex;flex-direction:row;flex-wrap:wrap;margin-top:20px;margin-inline:auto;max-width:330px;width:90%}.links a{margin:10px auto;padding:5%;width:100%}footer{display:flex;flex-direction:column;font-size:16px;height:100px;margin-top:60px;width:100%}footer p{font-size:16px;margin:auto}}.page_size{min-height:calc(100vh - 276px);width:100%}.new_tag{border-bottom:2px solid #212121;border-bottom:2px solid var(--black);border-left:2px solid #212121;border-left:2px solid var(--black);border-radius:5rem;border-right:1px solid #212121;border-right:1px solid var(--black);border-top:1px solid #212121;border-top:1px solid var(--black);color:#212121;color:var(--black);display:flex;font-family:Rubik Mono One,sans-serif;font-size:14px;margin:auto 0 auto 1.5ch;padding:.2rem 1rem 0;transition:border 50ms ease}.new_tag div{margin:auto}.new_tag:active{border-bottom:1px solid #212121;border-bottom:1px solid var(--black);border-left:1px solid #212121;border-left:1px solid var(--black);border-right:2px solid #212121;border-right:2px solid var(--black);border-top:2px solid #212121;border-top:2px solid var(--black)}.links_with_box{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;max-width:100%;padding:0 1rem}.links_with_box .links{flex:1 1 auto;min-width:300px;width:45%}.links_with_box .links button{margin:10px auto;width:100%}.links_with_box .card{aspect-ratio:8/4;border:2px dashed #212121;border:2px dashed var(--black);box-sizing:border-box;flex:1 1 auto;margin:0;min-width:300px;padding:1rem 0;width:45%}.links_with_box .card *{margin:0}.links_with_box .card .links{margin:0 auto}.links_with_box .card .links a{margin:0 auto;width:auto}.links_with_box .card h3{font-size:2.5rem}.links_with_box .card p{margin:1rem}.dark-theme{background-color:var(--black);color:#fff}.dark-theme .top_bar{background-color:var(--black);border-bottom:.5px solid var(--dark-grey)}.dark-theme .top_bar .icon_button{color:var(--white)}.dark-theme .top_bar .break{background-color:var(--dark-grey)}.dark-theme .sidebar{background-color:var(--black);border-right:.5px solid var(--dark-grey)}.dark-theme .sidebar a{border-bottom:.5px solid var(--dark-grey)}.dark-theme .sidebar a i,.dark-theme .sidebar a ion-icon{color:var(--white)}.dark-theme .sidebar a button{background-color:var(--black);color:var(--white)}.dark-theme footer{background-color:var(--black);border-top:1px solid var(--white);color:#bdbdbd}.dark-theme ::-webkit-scrollbar-thumb{background:#fff}.dark-theme .links a,.dark-theme .links button{border:1px solid var(--white);color:var(--white)}.dark-theme .links a:hover,.dark-theme .links button:hover{box-shadow:0 3px 6px 0 hsla(0,0%,100%,.1),0 1px 3px 0 hsla(0,0%,100%,.08)}.dark-theme ::-webkit-scrollbar{height:5px;width:5px}.dark-theme ::-webkit-scrollbar-track{background:var(--black)}.dark-theme ::-webkit-scrollbar-thumb{background:var(--white)}.dark-theme .project_block{border-top:2px dashed var(--white)}.dark-theme .project_block .projects .project{border:2px solid var(--white)}.dark-theme .project_block .projects .project .img_box a button{background-color:var(--black);border:1.5px solid var(--white);color:var(--white)}.dark-theme .project_block .projects .project .text_box{background-color:rgba(0,0,0,.4);border:2px solid var(--white)}.dark-theme .contact_block{border-top:2px dashed var(--white)}.dark-theme .contact_block .contacts .contact{border:1px solid var(--white);color:var(--white)}.dark-theme .contact_block .contacts .contact:hover{box-shadow:0 3px 6px 0 hsla(0,0%,100%,.9),0 1px 3px 0 hsla(0,0%,100%,.92)}.dark-theme .the_intro .intro+:nth-child(3){border-bottom:6px dashed var(--white)}.dark-theme .the_intro .info{background-color:var(--black);border:2px solid var(--white)}.dark-theme .new_tag{border-bottom:2px solid var(--white);border-left:2px solid var(--white);border-right:1px solid var(--white);border-top:1px solid var(--white);color:var(--white)}.dark-theme .new_tag:active{border-bottom:1px solid var(--white);border-left:1px solid var(--white);border-right:2px solid var(--white);border-top:2px solid var(--white)}.dark-theme .links_with_box .card{border:2px dashed var(--white)}
/*# sourceMappingURL=main.ddc0489b.css.map*/