@import"https://fonts.googleapis.com/css2?family=League+Spartan:wght@400;500;600;700;800;900&display=swap";body{margin:0;padding:0;overflow:none}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}*{box-sizing:border-box}.imgebody{display:flex;flex-wrap:wrap}.thumbnail{width:120px;margin:2px;height:100px;cursor:pointer;object-fit:cover}#popup{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;justify-content:center;align-items:center;z-index:9999}#popup img{max-width:90%;max-height:90%}.dark{color:#fff;background-color:#000000f3}.mobileview{display:none}.mobileview .dark{color:#fff;background-color:#000000f3}.mobileview .section{display:none}.mobileview #header{position:relative}.mobileview .backcover{margin-top:-7rem}.mobileview .introcover{border-radius:50%;width:100%;height:10rem;display:flex;position:absolute;top:13rem;padding-left:6px;justify-content:space-between}.mobileview .introcover .imagecover{display:flex;flex-direction:column}.mobileview .backimg{width:100%;height:18rem;object-fit:cover}.mobileview .img{border-radius:50%;width:8rem;height:8rem;border:3px solid black}.mobileview .username{color:#d3d3d393;margin-top:-9%}.mobileview .follow{display:flex;gap:6px;margin-top:6rem;padding:3px}.mobileview .follow>div{padding:1px}.mobileview .email{width:2rem;height:2rem;border-radius:50px;border:1px solid lightgray;padding:5px}.mobileview .subscribe{width:2rem;height:2rem;border-radius:50px;border:2px solid purple;padding:5px}.mobileview .contact{width:7rem;height:2rem;border-radius:50px;border:1px solid lightgray;background-color:#fff;color:#000;text-align:center;padding:2px;font-weight:500;cursor:pointer}.mobileview .intro{margin-top:8rem;padding-left:6px;display:flex;flex-direction:column;gap:9px}.mobileview .intropin{margin-top:220px}.mobileview .introtext{font-size:15px}.mobileview .occupationcover{display:flex;font-size:14px;justify-content:space-between;width:22rem;color:#d3d3d393}.mobileview .jobcover{display:flex;gap:5px;align-items:center}.mobileview .jobimage{width:1rem;height:1rem}.mobileview .birth{font-size:14px;color:#d3d3d393}.mobileview .projectscover{display:flex;margin-top:1rem;flex-direction:row;gap:50px;overflow-x:scroll;scrollbar-width:none;-ms-overflow-style:none;padding-left:6px;padding-right:9px}.mobileview .projectscover::-webkit-scrollbar{display:none}.mobileview .projectscover>div{color:#d3d3d393;font-size:15px;width:50px;font-weight:500;cursor:pointer}.mobileview .linecover{position:relative;height:5px}.mobileview .moveline{background-color:#00f;width:60px;height:3px;border-radius:25px;position:absolute;top:-20%;left:0;transition:left .3s ease,width .3s ease}.mobileview .line{color:#d3d3d393}.mobileview .sectionbody{display:flex;gap:9px;margin:5px 3px 3px}.mobileview .sectionbody .sectionimgcover{width:5rem;height:5rem}.mobileview .sectionbody .sectionimg{border-radius:50%;width:5rem;height:5rem;border:3px solid black;object-fit:cover}.mobileview .sectionbody .column{display:flex;flex-direction:column;gap:8px;padding-right:1px}.mobileview .sectionbody .sectinname{font-weight:700}.mobileview .sectionbody .namecover{display:flex;gap:10px}.mobileview .sectionbody .sectionusername,.mobileview .sectionbody .date{color:#d3d3d393}.mobileview .sectionbody .sectiontext{line-height:22px;font-size:15px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.mobileview .sectionbody .seemore{color:#d3d3d393;cursor:pointer}.mobileview .sectionbody .stack{display:flex;flex-wrap:wrap;gap:9px}.mobileview .sectionbody .stack>div{background-color:#d3d3d350;padding:3px 7px;font-size:13px;border-radius:15px;height:25px;display:flex;align-items:center}.mobileview .sectionbody .cancel{width:25px;height:25px}.mobileview .sectionbody .sectionimage{width:100%;height:18rem;border-radius:10px;object-fit:cover}.mobileview .sectionbody .bottom{display:flex;justify-content:space-between}.mobileview .sectionbody .bottomlink{background-color:none;text-decoration:none;cursor:default}.mobileview .sectionbody .bottomlink:hover{background-color:#d3d3d30c}.mobileview .sectionbody .bottomchild{display:flex;gap:5px}.mobileview .sectionbody .bottomimage{width:22px;height:22px}.mobileview .sectionbody .bottomtext,.mobileview .sectionbody .divider{color:#d3d3d393}.mobileview .contantsdetails{border:1px solid white;width:90%;height:12rem;border-radius:25px 0;background-color:#000;position:fixed;bottom:0;z-index:100;padding:10px;transform:translate(-50%);left:50%;margin:9px;justify-content:space-around;align-items:center;display:none}.mobileview .detailsflex{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;margin:auto;height:8rem;width:90%;padding:10px}.mobileview .detailscancel{text-align:center;margin:auto;cursor:pointer}.mobileview .aboutscreen{padding:15px;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.mobileview .aboutscreen .imagecover{margin:auto auto 25px;width:20rem;height:20rem;padding:10px;border:1px solid white}.mobileview .aboutscreen .mypicture{width:100%;height:100%;object-fit:contain}.mobileview .toolsscreen{margin-top:10px;margin-bottom:30px}.mobileview .toolsscreen .pin{display:flex;gap:5px;color:#fff;margin-bottom:25px;align-items:center}.mobileview .toolsscreen .stack{display:flex;flex-wrap:wrap;gap:9px}.mobileview .toolsscreen .stack>div{background-color:#d3d3d350;padding:7px 9px;font-size:13px;border-radius:15px;height:2.5rem;display:flex;align-items:center;margin-left:3px}.mobileview .toolsscreen .cancel{width:25px;height:25px}.mobileview .toolsscreen .title{font-weight:700;text-align:left;color:#fff;margin:6px}.mobileview .toolsscreen>div{padding:1px;color:#d3d3d3e1}body{margin:0;overflow-x:hidden}@media (max-width: 700px){.mobileview{display:block}.largerscreen{display:none}}@media only screen and (min-width: 700px){.topview{font-weight:400;padding-top:25px;padding-bottom:25px;font-size:50px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;text-align:center;width:80%;margin:auto}.slant img{width:100%;height:100%;object-fit:cover}:root{--slant-size: 15%;--section-divider-color: white}.slanted-container{margin:10px auto 0;display:flex;width:95%;align-self:center;height:400px;background-color:var(--section-divider-color);border-radius:20px}.section{flex:1;position:relative;overflow:hidden}.section-1{background-color:#794343;border-top-left-radius:20px;border-bottom-left-radius:20px;clip-path:polygon(0 0,100% 0,calc(100% - var(--slant-size)) 100%,0 100%)}.section-1 #image-container{position:relative;overflow:hidden;box-shadow:0 8px 24px #0000004d}.section-1 #image-container img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:0;filter:blur(0);transform:scale(1)}.section-1 #image-container{width:100%;height:100%;position:relative;overflow:hidden}.section-1 #image-container img{position:absolute;width:100%;height:100%}.section-2{background-color:#a9a9a9;clip-path:polygon(var(--slant-size) 0,100% 0,calc(100% - var(--slant-size)) 100%,0 100%)}.section-2 .stack-box{position:relative;width:90%;height:100%;overflow:hidden;color:#000;font-family:Poppins,sans-serif;font-size:12px;display:flex;flex-direction:column;justify-content:space-around;font-weight:700}.section-2 .stack-item{opacity:0;transform:translateY(80px);transition:all .6s ease;text-align:center;padding:4px 0;line-height:3em}.section-2 .stack-item.show{opacity:1;transform:translateY(0)}.section-2 .stack-item.show{animation:glowIn 1.2s ease}@keyframes glowIn{0%{opacity:0;transform:translateY(20px) scale(.95);text-shadow:none}to{opacity:1;transform:translateY(0) scale(1);text-shadow:0 0 10px #ff6a00,0 0 20px #ff007a}}.section-3{background-color:#b5a2d9;border-top-right-radius:20px;border-bottom-right-radius:20px;clip-path:polygon(var(--slant-size) 0,100% 0,100% 100%,0 100%)}.section-3 .image-box{width:100%;height:100%;position:relative;overflow:hidden}.section-3 .image-box img{left:-100%;position:absolute;width:100%;height:100%;object-fit:contain}@keyframes zoomIn{0%{transform:scale(1)}to{transform:scale(1.05)}}.section-content{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.content-box{display:flex;flex-direction:column;justify-content:center;align-items:center}.contact{width:50%;border:1px solid white;justify-content:space-around;align-items:center;padding:5px;align-self:center;margin:10px auto auto;border-radius:25px;vertical-align:middle;height:50px;flex-direction:row;display:flex;position:sticky;top:0;z-index:200}.contact a{text-decoration:none;display:block;color:#fff}.contact>:hover{opacity:.5;cursor:pointer}.firstrow{justify-content:space-between;display:flex;flex-direction:row;margin:2.5%}.firstrow .rowstep{display:flex;flex-direction:row;justify-content:center;gap:9px}.firstrow a{text-decoration:none;display:block;color:#fff;width:25px;height:25px}.firstrow a:hover{opacity:.7}.firstrow img{width:25px;height:25px}.namecover{display:flex;flex-direction:column;gap:5px}.namecover .bold{font-weight:700;color:#fff;height:25px}.namecover .light{opacity:.7;height:20px}.dark{background-color:#01010f}#header{top:0;position:sticky;z-index:2}header{height:10vh;display:flex;justify-content:space-between;padding:5px;align-items:center;align-content:center;align-self:center;background-color:#000;color:#fff}header img{height:65px;object-fit:contain}.header-dropdown:hover{opacity:.5}.logo{color:#fff;font-size:25px;text-shadow:2px 2px 4px #000000;font-family:Playwrite MX,cursive;font-optical-sizing:auto;font-weight:300;font-style:normal;cursor:pointer;text-align:center}.dropdown{display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:space-around;height:100vh;width:20%;padding:10px;top:0;position:absolute;animation:slideIn 2s ease-in-out forwards;background-color:#000;border-right:1px solid hsl(0,0%,17%);color:#fff}.dropdown a{display:block;padding:8px;font-size:20px;color:inherit;align-self:center;text-decoration:none;font-weight:600;width:100%}.dropdown>a:hover{cursor:pointer;text-decoration:underline;color:#00f}.dropdown>div{padding:15px;display:flex;gap:5px;align-items:center}.dropdown>div:hover{background-color:#fafafa;color:#000;width:100%;border-radius:25px}.dropdown>div img{width:1.5rem;height:1.5rem;align-self:center;opacity:.5;margin-right:2px;display:block}.dropdown>div a{display:block;font-size:1rem;width:2rem}.intro{width:80%;margin:30px auto;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif}.stack-text,.stack-tools{background:linear-gradient(to right,#fff,#000,#fff);color:#fff;font-size:25px;text-align:center;margin-top:50px;margin-bottom:50px}.icon{background-color:#000}.info{color:#000}.sub{background-color:#000}.tools{position:relative;width:"100%"}.tools .cards{display:flex;flex-wrap:wrap;justify-content:space-between;width:"100%";align-items:center}.tools .card{background-color:#2b2b2b}.tools .card{flex:1 1 18rem;padding:1.5em 2em;border:5px solid transparent;border-top:none;border-bottom:none;border-radius:15px;margin:10px;position:relative;border-width:3px;height:33rem;overflow:hidden;justify-content:center;align-self:center}.tools .card:nth-child(1),.tools .card:nth-child(5){--hue: 165;--saturation: 82.26%;--lightness: 1% //51.37%;--border-color: hsl(165, 82.26%, 51.37%)}.tools .card:nth-child(2),.tools .card:nth-child(6){--hue: 291.34;--saturation: 95.9%;--lightness: 1% //61.76%;--border-color: hsl(291.34, 95.9%, 61.76%)}.tools .card:nth-child(3),.tools .card:nth-child(7){--hue: 338.69;--saturation: 100%;--lightness: 1% //48.04%;--border-color: hsl(338.69, 100%, 48.04%)}.tools .card:nth-child(4),.tools .card:nth-child(8){--hue: 212;--saturation: 100%, 50%;--lightness: 1% //.212;--border-color: hsla(290, 100%, 50%, .212)}.tools ul{background-color:#f0ffff0a;list-style:none;place-items:center;font-family:League Spartan,system-ui,sans-serif;font-size:1.1rem;line-height:1.2;color:#ddd;height:30rem;overflow:"hidden";display:flex;flex-direction:column;justify-content:space-around;padding:1rem 0;margin:auto 0;align-items:center}.tools li{padding:1px;margin:5px;width:80%;text-align:center}.tools ul:hover{font-weight:700}.tools button{opacity:.5;border:0px;padding:5px}.tools button:hover{opacity:1}main .backcover{margin-top:-15.9rem}main .backimg{width:100%;height:33rem;object-fit:cover}main .img{border-radius:50%;width:10rem;height:10rem;border:3px solid black}main .introcover{border-radius:50%;width:50%;height:10rem;display:flex;position:absolute;top:9rem;left:50%;justify-content:space-between}main .introcover .imagecover{display:flex;flex-direction:column}main .intro{margin-top:50px;font-family:Verdana,Geneva,Tahoma,sans-serif;font-style:normal;letter-spacing:1px;line-height:25px;font-weight:200}.largescreen{justify-content:center;margin-top:34px}.largescreen .project-row{display:block;justify-content:center;align-items:center;overflow:hidden;font-family:Roboto,sans-serif;transition:.25s;width:100%}.largescreen .project-row .options{box-shadow:1px 1px 1px #000;display:flex;flex-direction:row;align-items:stretch;overflow:hidden;min-width:600px;width:95%;height:auto;align-self:center;margin:auto;justify-content:center}}@media only screen and (min-width: 700px) and (max-width: 718px){.largescreen .project-row .options{min-width:520px}.largescreen .project-row .options .option:nth-child(5){display:none}}@media only screen and (min-width: 700px) and (max-width: 638px){.largescreen .project-row .options{min-width:440px}.largescreen .project-row .options .option:nth-child(4){display:none}}@media only screen and (min-width: 700px) and (max-width: 558px){.largescreen .project-row .options{min-width:360px}.largescreen .project-row .options .option:nth-child(3){display:none}}@media only screen and (min-width: 700px) and (max-width: 478px){.largescreen .project-row .options{min-width:280px}.largescreen .project-row .options .option:nth-child(2){display:none}}@media only screen and (min-width: 700px){.largescreen .project-row .options .option{box-shadow:1px 1px 1px #000;position:relative;padding:10px;overflow:hidden;min-width:60px;max-width:60px;margin:10px;height:400px;background:var(--optionBackground, var(--defaultBackground, #e6e9ed));background-size:auto 120%;background-position:center;cursor:pointer;transition:.5s cubic-bezier(.05,.61,.41,.95)}.largescreen .project-row .options .option:nth-child(1){--defaultBackground: #ed5565}.largescreen .project-row .options .option:nth-child(2){--defaultBackground: #fc6e51}.largescreen .project-row .options .option:nth-child(3){--defaultBackground: #ffce54}.largescreen .project-row .options .option:nth-child(4){--defaultBackground: #2ecc71}.largescreen .project-row .options .option:nth-child(5){--defaultBackground: #5d9cec}.largescreen .project-row .options .option:nth-child(6){--defaultBackground: #ac92ec}.largescreen .project-row .options .option.active{flex-grow:100;transform:scale(1);max-width:90%;margin:0;border-radius:40px;background-size:auto 100%}.largescreen .project-row .options .option.active .shadow{box-shadow:inset 0 -120px 120px -120px #000,inset 0 -120px 120px -100px #000}.largescreen .project-row .options .option.active .label{bottom:20px;left:20px}.largescreen .project-row .options .option.active .label .info>div{left:0;opacity:1}.largescreen .project-row .options .option:not(.active){flex-grow:1;border-radius:30px}.largescreen .project-row .options .option:not(.active) .shadow{bottom:-40px;box-shadow:inset 0 -120px 0 -120px #000,inset 0 -120px 0 -100px #000}.largescreen .project-row .options .option:not(.active) .label{bottom:10px;left:10px}.largescreen .project-row .options .option:not(.active) .label .info>div{left:20px;opacity:0}.largescreen .project-row .options .option .shadow{position:absolute;bottom:0;left:0;right:0;height:120px;transition:.5s cubic-bezier(.05,.61,.41,.95)}.largescreen .project-row .options .option .label{display:flex;position:absolute;right:0;height:40px;transition:.5s cubic-bezier(.05,.61,.41,.95)}.largescreen .project-row .options .option .label .icon{display:flex;flex-direction:row;justify-content:center;align-items:center;min-width:40px;max-width:40px;height:40px;border-radius:100%;color:var(--defaultBackground)}.largescreen .project-row .options .option .label .info{display:flex;flex-direction:column;justify-content:center;margin-left:10px;white-space:pre}.largescreen .project-row .options .option .label .info>div{position:relative;transition:.5s cubic-bezier(.05,.61,.41,.95),opacity .5s ease-out}.largescreen .project-row .options .option .label .info .main{font-weight:700}.largescreen .project-row .options .option .label .info .sub{transition-delay:.1s;outline:none;color:#fff;border:2px dashed white;border-radius:15px;box-shadow:0 0 0 4px #fff 2px 2px 4px 2px #00000080;transition:.1s ease-in-out,.4s color}.largescreen .project-row .options .option .label .info .sub:active{transform:translate(.1em) translateY(.1em);box-shadow:0 0 0 4px #eaddca,1.5px 1.5px 2.5px 1.5px #00000080}.largescreen .rightbar{grid-template-columns:1fr;width:29%;margin-left:auto;display:block}.largescreen .rightbar>div{width:90%;box-shadow:0 0 3px;margin-bottom:30px;text-align:center;text-overflow:ellipsis;overflow:hidden;padding:5px;justify-content:center;align-items:center;align-self:center;vertical-align:middle;font-family:cursive;font-style:italic;letter-spacing:2px;line-height:22px}.largescreen .socials{display:flex;justify-content:space-around;padding:1fr}.largescreen .socials>div{animation:socialanime 5s ease-in-out infinite}.largescreen .socials>div:hover{animation-name:socialanime;animation-duration:2s;animation-timing-function:ease-in-out}.largescreen .follow,.largescreen .followme{display:none}.largescreen main{margin-left:19%}.largescreen .coming-soon,.largescreen .coming-soon-text p{display:none}@keyframes socialanime{0%{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(1)}75%{transform:scale(1.1)}to{transform:scale(1)}}}@keyframes slideIn{0%{left:-50%}to{left:0%}}.border-top,.border-bottom,.pointer{display:none}.border-top,.border-bottom{position:absolute;width:25%;height:5px;background-color:hsl(var(--hue),var(--saturation),var(--lightness));transition:left .2s,right .2s}.border-top{top:0;left:0}.border-bottom{bottom:0;left:0}.pointer{width:10px;height:50%;background-image:hsl(var(--hue),var(--saturation),50%);border-radius:50%;position:absolute;opacity:.5;box-shadow:0 0 10px 5px hsl(var(--hue),var(--saturation),50%);pointer-events:none}.modal-content,.modal-body,.card{background-color:#000000ea;color:#fff}.btn-close{color:#fff;background-color:#fff}.modal-title{color:wheat}.card-title{color:#888}.card_heading{font-size:1.05em;font-weight:600;margin-bottom:10px}.footer{width:95%;margin:40px auto 50px;align-self:center;background-color:#000;display:flex;height:200px;justify-content:space-around;align-items:center;font-size:15px;font-family:Verdana,Geneva,Tahoma,sans-serif;font-style:italic;border-radius:25px}.footer .card_heading{font-size:1.05em;font-weight:600;margin-bottom:10px}.footer * div{margin-bottom:5px;cursor:default}.footer * div:hover{opacity:.5}.footer a{text-decoration:none;color:inherit}.fixcontact{position:fixed;right:15px;bottom:10%;z-index:100}