@font-face{font-family:vger_regular;src:url(/fonts/vger_regular.ttf);font-weight:400;font-style:normal}@font-face{font-family:vger_bold;src:url(/fonts/vger_bold.ttf);font-weight:400;font-style:normal}html,body{height:100%;margin:0;padding:0}html{scroll-behavior:smooth}html::-webkit-scrollbar{width:5px}html::-webkit-scrollbar-thumb{background:#fff;border-radius:5px}html::-webkit-scrollbar-track{background:#2f2c5b;background:linear-gradient(180deg,#261d45 80%,#2f2c5b 96%)}*,*:before,*:after{box-sizing:border-box}body{max-width:900px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;font-family:vger_regular;background-color:#261d45;color:#dc143c}body:before{display:none}.big-title{margin-top:18px;letter-spacing:1px;margin-bottom:0;font-family:vger_bold;color:#fff;font-size:4.5rem}.type-animation{display:inline-flex;width:0;overflow:hidden;padding-right:.1em;position:relative}.type-animation:after{content:"";background:#dc143c;position:absolute;right:-2px;top:-.05em;bottom:-.05em;border-right:8px solid transparent;animation:cursor .32s 600 ease-in}.type-animation.animating{animation:type .8s;animation-fill-mode:forwards;animation-delay:0s}.type-animation.animating:after{animation:cursor .32s 0 ease-in}@keyframes cursor{0%,to{border-color:#dc143c}50%{border-color:#241b5b}to{width:0}}@keyframes type{to{width:253px;padding-right:0}}.intro-header{letter-spacing:1px;font-family:vger_bold;font-size:21.4px}.tab-panel{width:100%;margin-bottom:200px}#headline{font-family:vger_regular;text-align:center;display:inline-block;line-height:normal;vertical-align:middle;z-index:1;position:relative;pointer-events:none}#headline a,#headline .social-icon{pointer-events:auto}#my-name{margin-left:6px}#circuitCanvas{position:absolute;top:0;left:50%;transform:translate(-50%);z-index:0;pointer-events:auto}@keyframes circuitPulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.contact-link{color:wheat}#project-1{margin-top:0!important}article{width:100%;max-width:100%;margin-left:0;margin-top:50px;margin-bottom:100px;text-align:left}aside{display:flex;flex-direction:column;gap:10px;margin-top:70px;margin-right:10px;z-index:1;width:calc((430px - 20px) / 3);flex-shrink:0}.tabs-and-sidebar{display:flex;flex-direction:row;align-items:flex-start}.tabs-wrapper{flex:1;position:relative;min-width:0;min-height:481px;width:100%}.side-container{display:flex;justify-content:center;gap:1rem}footer{margin-bottom:10%;text-align:center;margin-left:auto;margin-right:auto;min-width:195px}p{margin-top:0;padding-top:0}h5{margin-bottom:-35px}.line{background-color:#dc143c;height:7px;border:none;margin-bottom:15px;border-radius:15px}.title{text-align:right;position:relative;width:100%}.cyber-panel{display:flex;flex-wrap:wrap}.projects-title{font-size:50px!important}#logs{opacity:.87;position:relative;background:transparent}.text{font-family:courier,monospace;font-size:16px;text-align:left;opacity:1;color:#f1f1f1;margin-top:-15px}#project-content{margin-right:20px}.sub-title{margin-left:3px;text-align:left}.basic-button{cursor:pointer;height:53px;border-radius:5px;font-size:large;font-family:vger_bold;color:#fff}.basic-button:active{transform:translateY(4%)}.scroll-button{height:fit-content;border:1px solid rgb(64,183,247);margin:20px auto;width:200px}#social{display:flex;justify-content:center}.social-icon{cursor:pointer;margin-top:10px;margin-left:clamp(10px,2vw,15px);margin-right:clamp(10px,2vw,15px);width:clamp(40px,8vw,50px);fill:#40b7f7;transition:fill .3s ease}.social-icon:hover{fill:#fff}.hex{width:100%;aspect-ratio:1;margin:0;border-radius:3px;opacity:.8}aside .hex{opacity:.85}aside .hex:hover{opacity:1;cursor:pointer}section{width:100%;margin-top:3%;order:0;z-index:1}.images{cursor:pointer;border-radius:73px;margin-top:10px;margin-left:15px;margin-right:15px;width:clamp(40px,8vw,50px);transition:transform .2s}.borders{border:1px solid rgb(64,183,247);transition:box-shadow .15s}.borders:hover{box-shadow:0 0 10px 5px #40b7f7}.scrollspy{width:100%;text-align:center;margin-right:0%;margin-bottom:150px}.spy>nav{position:sticky;top:1rem;align-self:start}.section-nav li>a{transition:all .3s ease-in-out}.section-nav li.active>a{box-shadow:0 0 10px #40b7f7;background:#40b7f7;color:#212121;border-radius:4px}.section-nav{padding-left:0;border-left:1px solid #efefef}.section-nav a{text-decoration:none;display:block;padding:11.3px;color:#ccc;transition:all 50ms ease-in-out}.section-nav a:hover{color:#fff}ol{list-style:none;margin:0;padding:0}.spy{display:grid;grid-template-columns:1fr 15em;max-width:100em;width:100%;margin:0 auto}#project-content hr{height:2px;margin-left:30px}.blinker{opacity:1;box-shadow:0 0 16px 1px #40b7f7;pointer-events:none}.blinker:hover{animation:none}.tabs-list{list-style:none;position:relative;width:100%;padding:0;font-size:18px;color:#40b7f7}.tabs-list *{outline:none}.tabs-list :before,.tabs-list :after{content:""}.tabs-list li{display:inline-block;font-size:13.5px}.tabs-list li input[type=radio]{opacity:0;position:absolute;z-index:-1}.tabs-list li input[type=radio]:checked~label{box-shadow:0 0 10px #40b7f7;background:#40b7f7;color:#212121;height:50px;font-size:1.1em;cursor:default;pointer-events:none}.tabs-list li input[type=radio]:checked~.section{opacity:1;display:block;width:100%;height:430px;padding:15px 0 5px;border:1px solid rgb(64,183,247);border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;color:#f1f1f1;letter-spacing:.01em;text-indent:1em;font-family:courier,monospace;font-size:15px;overflow-y:auto;-webkit-user-select:none;user-select:none}p.tab-content{transition:opacity .15s;opacity:1;margin-left:15px;margin-right:15px;line-height:1.6rem}.tabs-list li label{border-radius:5px 5px 0 0;display:block;width:120px;height:50px;border:1px solid rgba(0,190,190,.7);border-bottom:0;color:#ccc;line-height:50px;text-align:center;font-weight:bolder;cursor:pointer;transition:box-shadow .15s;-webkit-user-select:none;user-select:none}.tabs-list li label:hover{height:50px;border-color:#40b7f7;color:#fff}.tabs-list li .section{opacity:0;position:absolute;top:51px;left:0;border:1px solid rgb(64,183,247);background:#00bebe1a;color:#fff;letter-spacing:-1em;text-indent:1em;z-index:1}#visible-footer-name{font-family:courier,monospace;font-size:13px;margin-top:25px}#invisible-footer-name{visibility:hidden;margin-bottom:0;margin-top:-80px}#timeline{margin-bottom:100px;width:93%;margin-left:auto;margin-right:auto}#timeline a{display:block;text-decoration:none}.timeline-dot{border:1px solid rgb(64,183,247);box-shadow:0 0 20px #40b7f7;background:#40b7f7;z-index:1;height:auto;padding:10px;position:absolute;margin-left:-10.4px;border-radius:15px}#left-ending-dot{float:left;position:inherit;margin-left:-10px!important}#right-ending-dot{float:right;position:inherit;margin-right:-10px!important}.timeline-item{font-size:16px;line-height:1.65em;border-top:2px solid;-o-border-image:linear-gradient(to right,#743ad5 0%,#d53a9d 100%);border-image:linear-gradient(to right,#743ad5,#d53a9d);border-image-slice:1;border-width:2px;margin:0;padding:40px;position:relative;color:#fff;font-family:courier,monospace;pointer-events:none}.timeline-item:before{border:1px solid rgb(64,183,247);content:"";position:absolute;border-radius:50%;padding:20px;height:3.8em;width:3.8em;background-color:#34435e;text-align:center;line-height:1.25em;color:#fff;font-size:1em;box-shadow:0 0 8px #40b7f7;pointer-events:all}.timeline-item:nth-child(2n){border-right:2px solid;padding-left:0}.timeline-item:nth-child(2n):before{left:100%;margin-left:-30px}.timeline-item:nth-child(odd){border-left:2px solid;padding-right:0}.timeline-item:nth-child(odd):before{right:100%;margin-right:-29px}.timeline-item:first-child{border-top:0;border-top-right-radius:0;border-top-left-radius:0}.timeline-item:last-child{border-bottom-right-radius:0;border-bottom-left-radius:0}#auth:before{background-image:url(/images/logos/auth.png)!important;background-size:contain}#udacity:before{background-image:url(/images/logos/udacity.png)!important;background-size:contain}#udemy:before{background-image:url(/images/logos/udemy.png)!important;background-size:contain}#azk:before{background-image:url(/images/logos/azk.png)!important;background-size:contain}#walk:before{background-image:url(/images/logos/walk.png)!important;background-size:contain}#astylab:before{background-image:url(/images/logos/astylab.jpg)!important;background-size:contain}#upenn:before{background-image:url(/images/logos/upenn.jpg)!important;background-size:contain}article a{text-decoration:none;display:block;width:calc(100% - 40px);margin-left:auto;margin-right:auto}.content{background-size:cover;background-position:center}.content h1{font-size:clamp(18px,4.5vw,40px);text-align:center;font-family:vger_bold;line-height:0;position:absolute;top:50%;left:0;right:0;margin:0;padding:0}#inhinito-content{background-image:url(/images/projects/inhinito_bg.jpg)!important}#articlereader-content{background-image:url(/images/projects/articlereader_bg.jpg)!important}#multispace-content{background-image:url(/images/projects/multispace_bg.jpg)!important}#lofi-content{background-image:url(/images/projects/lofi_bg.jpg)!important}#streetart-content{background-image:url(/images/projects/streetart_bg.jpg)!important}#colony-content{background-image:url(/images/projects/colony_bg.jpg)!important}#walk-content{background-image:url(/images/projects/walk_bg.jpg)!important}#working-content{background-image:url(/images/projects/working_bg.jpg)!important}.arrows{width:60px;height:72px;position:relative;top:50px;display:none;opacity:0;transition:opacity .5s ease-in;cursor:pointer}.arrows path{stroke:#2994d1;fill:transparent;stroke-width:2px;animation:arrow 2s infinite;-webkit-animation:arrow 2s infinite}@keyframes arrow{0%{opacity:0}40%{opacity:1}80%{opacity:0}to{opacity:0}}@-webkit-keyframes arrow{0%{opacity:0}40%{opacity:1}80%{opacity:0}to{opacity:0}}.arrows path.a1{animation-delay:-1s;-webkit-animation-delay:-1s}.arrows path.a2{animation-delay:-.5s;-webkit-animation-delay:-.5s}.arrows path.a3{animation-delay:0s;-webkit-animation-delay:0s}.accordion-container{min-height:620px}.accordion{width:100%;background:transparent;border-radius:5px}.accordion .item img{padding-left:15px;width:30px;vertical-align:middle}.accordion .item h3:before{content:"";display:inline-block;vertical-align:middle;height:100%}.accordion .item{cursor:pointer;position:relative;height:100px;background:#261d45;border:1px solid rgb(64,183,247);background-repeat:no-repeat;background-position:left;background-position-x:15px;box-shadow:inset 0 0 13px -5px #40b7f7}.accordion .item:after{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:#090544;background:-moz-linear-gradient(270deg,rgb(26 20 126 / 90%) 0%,rgb(48 48 119 / 70%) 35%,rgba(255,255,255,0) 100%);background:-webkit-linear-gradient(270deg,rgb(26 20 126 / 90%) 0%,rgb(48 48 119 / 70%) 35%,rgba(255,255,255,0) 100%);background:linear-gradient(270deg,#1a147ee5,#303077b3 35%,#fff0);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#090544",endColorstr="#ffffff",GradientType=1)}.accordion .item:first-of-type{border-top-left-radius:5px;border-top-right-radius:5px;background-image:url(/images/logos/inhinito.png);background-size:clamp(170px,35vw,350px)}.accordion .item:first-of-type:after{border-top-left-radius:5px;border-top-right-radius:5px}.accordion .item:nth-of-type(2){background-image:url(/images/logos/ideas-forward.png);background-size:clamp(165px,35vw,340px)}.accordion .item:nth-of-type(3){background-image:url(/images/logos/multispace-2.png);background-size:clamp(145px,32vw,310px)}.accordion .item:last-of-type{background-image:url(/images/logos/softweb.png);background-size:clamp(120px,24vw,225px);border-bottom-left-radius:5px;border-bottom-right-radius:5px}.accordion .item:last-of-type:after{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.accordion p{margin-bottom:0;font-size:16px;font-weight:400;padding:15px;display:none;box-shadow:inset 0 3px 15px -5px #061444;font-family:courier,monospace;background:#2b3560;color:#fff}.accordion p:last-of-type{border-bottom-left-radius:5px;border-bottom-right-radius:5px;margin-top:-3px;padding-top:16px}.role-container{text-align:right;display:flex;height:100%;justify-content:center;z-index:1;position:absolute;right:0;flex-direction:column}.role-container h3{padding-right:15px;margin:0}.company-role{font-family:vger_bold;font-size:clamp(17px,3vw,20px);padding-top:15px;padding-bottom:2px;color:#f1f1f1}.role-duration{font-family:vger_regular;font-size:clamp(13px,3vw,16px);padding-top:2px;padding-bottom:13.5px;color:#f0ffffc2}@media screen and (max-width:370px){body .role-container{justify-content:space-between}}.box{display:inline-block;vertical-align:middle;position:relative;width:100%}.box .content{height:300px;margin:20px auto;padding:20px;border:1px solid transparent;border-radius:3px;color:#fff;font-size:14px;line-height:1.3}.box.out .corners{position:absolute;width:100%;-webkit-transition-duration:.3s;transition-duration:.3s}.box.out .corners:before,.box.out .corners:after{content:"";position:absolute;width:7px;height:7px;border-color:#fff;border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transform:translateZ(0);transform:translateZ(0)}.box.out .corners.top:before{border-width:1px 0 0 1px}.box.out .corners.top:after{border-width:1px 1px 0 0}.box.out .corners.bottom:before{border-width:0 0 1px 1px}.box.out .corners.bottom:after{border-width:0 1px 1px 0}.box.out .corners:before{left:0}.box.out .corners:after{right:0}.box.out .corners.top{top:0}.box.out .corners.bottom{bottom:7px}.box.out:hover .corners:before{left:20px}.box.out:hover .corners:after{right:20px}.box.out:hover .corners.top{top:20px}.box.out:hover .corners.bottom{bottom:27px}.box.out .content{border:1.3px solid #40b7f7;color:#fff}#home{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;position:relative;padding-bottom:60px;overflow:visible;opacity:1}#experience h1{text-align:right}.nav{font-family:vger_regular;letter-spacing:1px;text-transform:uppercase;text-align:center;font-weight:600;position:fixed;display:flex;justify-content:center;align-items:center;height:60px;bottom:0;padding:10px;background:#2f2c5b;margin:0 auto;z-index:100;left:0;right:0;box-shadow:#336a9e 0 3px 22px 4px;transform:translateY(100%);transition:transform .3s ease-in}.nav.loaded{transform:translateY(0)}main{margin-top:160px;opacity:1}.nav *{box-sizing:border-box;transition:all .35s ease}.nav li{display:inline-block;list-style:outside none none;margin:.5em 5px;padding:0}.nav a{padding:.5em .8em;color:#ffffffd9;position:relative;text-decoration:none;font-size:clamp(17px,2vw,22px)}.nav a:before,.nav a:after{content:"";height:14px;width:14px;position:absolute;transition:all .35s ease;opacity:0}.nav a:before{content:"";right:0;top:0;border-top:3px solid #3ca3df;border-right:3px solid #2b6191;transform:translate(-100%,50%)}.nav a:after{content:"";left:0;bottom:0;border-bottom:3px solid #2b6191;border-left:3px solid #3ca3df;transform:translate(100%,-50%)}.nav a:hover:before,.nav a:hover:after{transform:translate(0);opacity:1}.active-section{color:#3ca3df!important}@media screen and (max-width:649px){body #home{padding-bottom:0}body .nav li{font-size:18px;display:block;padding:5px;margin:30px 0}div #page-navigation{height:100%;z-index:2}body .nav{display:block;height:100%;text-align:center}body #close-burger{display:block}body #menubar{height:100%;width:70%;left:0;z-index:10001;position:fixed;transform:translate(-165%);transition:transform .2s ease}body #menubar.open{transform:translate(0)}body #hamburger{display:block}.arrows{display:inline-block!important}}#hamburger{display:none;position:fixed;left:25px;top:30px;margin-right:15px;z-index:1000;cursor:pointer;color:#fff;background-color:#40b7f7;border-radius:27px;font-size:20px;padding:10px 15px;box-shadow:#336a9e 0 3px 22px 4px;transition:opacity .5s ease-in;opacity:0}#hamburger:focus{outline:none}#close-burger{display:none;-webkit-user-select:none;user-select:none;color:#fff;font-size:30px;padding:10px 0 7px 8px;width:fit-content;cursor:pointer;margin:15px 0 0 20px}#close-burger:hover{color:#dadadac0}#menubar{width:100%;position:absolute;top:0;z-index:1000}#menubar.open{transform:none;overflow:unset;position:fixed;height:100%}.hologram-container{position:relative;overflow:hidden;background-color:#050005;border-radius:3px}.hologram-container canvas{display:block;width:100%;height:100%}.hologram-scanlines{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#fff0,#fff0 50%,#0003 50%,#0003);background-size:100% 4px;pointer-events:none;z-index:1}@media screen and (max-width:420px){body .intro-header{font-size:11.4px}body #timeline{width:80%}body .timeline-item,body .accordion p{font-size:15px}body .section{margin-top:-10px!important;height:350px!important;overflow-y:auto!important}body .tabs-list li .section{height:350px!important}.tabs-wrapper{min-height:410px}.tabs-and-sidebar{flex-direction:column}aside{flex-direction:row;margin-right:0;margin-top:10px;gap:10px;order:1;width:100%}aside .side-container{flex:1;min-width:0}aside .hex{opacity:1}p.tab-content{margin-top:-7px;margin-left:10px!important;margin-right:10px!important;font-size:14.5px;line-height:1.1rem}body .box{width:88%;margin-left:-30px}body .tabs-list li label{width:76px!important;height:40px!important;font-size:10px;line-height:40px}body .tabs-list li input[type=radio]:checked~label{font-size:.8em;height:40px!important}.hex{width:100%;aspect-ratio:1}body #projects{margin-right:9px}.big-title{margin-top:15px;font-size:30px}body .type-animation{max-width:119px}body .type-animation:after{border-right:4px solid transparent;right:-1px}.projects-title{font-size:23px!important}.images{margin-left:10px;margin-right:10px}body ol{margin-left:8px}body .spy{display:grid;grid-template-columns:1fr 3.4em}body .spy>nav{width:0px}body .scroll-button{text-indent:-9999px;width:28px;line-height:6px;height:28px;border-radius:19px;margin-right:30%}body .section-nav li.active>a{border-radius:20px;margin-left:.3px}body article{width:100%;max-width:100%;margin-left:0}.scrollspy{width:100%;max-width:100%;margin-left:0;margin-right:0;padding:0}.text{font-size:12px;margin-right:21px}#project-content{margin-right:-22px}}@media screen and (max-width:600px){#about{width:auto}}@media screen and (min-width:1500px){#timeline{margin-bottom:450px!important}}@media screen and (min-width:421px)and (max-width:600px){body .intro-header{font-size:13.2px}body .box{width:94%;margin-left:-10px}body #timeline{width:85%}.tabs-wrapper{min-height:450px}.tabs-and-sidebar{flex-direction:column}aside{flex-direction:row;margin-right:0;margin-top:10px;gap:10px;order:1;width:100%;justify-content:space-between}aside .side-container{flex:1;min-width:0}aside .hex{opacity:1}body .tabs-list li label{width:110px!important;font-size:14px}body .tabs-list li input[type=radio]:checked~label{font-size:1em}body .tabs-list li input[type=radio]:checked~.section{height:380px;overflow-y:auto!important}body .tabs-list li .section{height:380px!important}.hex{width:100%;aspect-ratio:1}.big-title{margin-top:10px;font-size:43px}body .type-animation{max-width:170px}body .type-animation:after{border-right:8px solid transparent;right:-3.5px}.projects-title{font-size:32px!important}.side-container{margin-left:0;margin-right:0}body .spy{display:grid;grid-template-columns:1fr 8em}body .scroll-button{width:115px;font-size:13px;margin-right:4px;font-weight:bolder;font-family:vger_regular}body article{width:100%;max-width:100%;margin-left:0}.scrollspy{width:100%;max-width:100%;margin-left:0;margin-right:0}.section-nav li.active>a{padding-top:11px}.text{font-size:12px;margin-right:20px}#project-content{margin-right:initial}}@media screen and (min-width:601px)and (max-width:980px){body .intro-header{font-size:15.6px}.tabs-wrapper{min-height:418px}aside{gap:10px;width:calc((348px - 20px) / 3)}aside .hex{opacity:1}body .tabs-list li input[type=radio]:checked~.section{height:348px}.big-title{font-size:48px}body .type-animation{max-width:189px}body .type-animation:after{right:-3px;border-right:8px solid transparent}.projects-title{font-size:40px!important}body article{width:106.5%;margin-left:0}body .spy{display:grid;grid-template-columns:1fr 12em}body .scroll-button{width:150px;font-size:15px;font-weight:bolder;font-family:vger_regular}}@media screen and (min-width:981px)and (max-width:1090px){.big-title{font-size:65px;margin-top:25px;margin-bottom:0}body .type-animation:after{right:0;border-right:7.5px solid transparent}}@media screen and (min-width:1091px){body{width:1091px;margin-left:auto;margin-right:auto}.big-title{font-size:65px;margin-bottom:0}body .type-animation:after{right:0;border-right:7.5px solid transparent}}