*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0;font:inherit}ul[role=list],ol[role=list]{list-style:none}body{text-rendering:optimizeSpeed;line-height:1.5}img,picture{max-width:100%;display:block}@media(prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}section{overflow:hidden}section .animate{opacity:0;filter:blur(4px);transition:1s linear}section.show-animate .animate{opacity:1;filter:blur(0)}.sec-1 .animate,.sec-6 .animate{transform:translateX(-20%)}.sec-1.show-animate .animate,.sec-6.show-animate .animate{transform:translateX(0)}.sec-2 p{color:lime}.sec-2 .animate{transform:translateX(20%)}.sec-2.show-animate .animate{transform:translateX(0)}.sec-3 p,.sec-7 p{color:#e0f}.sec-3 .animate,.sec-7 .animate{transform:scale(0.6)}.sec-3.show-animate .animate,.sec-7.show-animate .animate{transform:scale(1)}.sec-4 p{color:#ff0}.sec-4 .showR-animate{position:absolute;top:0;right:0;width:100%;height:100%;background:#1f242d;transition:1s;transition-delay:calc(.3s*var(--i))}.sec-4.show-animate .showR-animate{width:0}.sec-5{flex-direction:row;flex-wrap:nowrap}.sec-5 .images{display:flex}.sec-5 .images img{max-width:300px;margin:0 30px;transform:translateX(-100%);transition-delay:calc(.3s*var(--i))}.sec-5.show-animate .images img{transform:translateX(0)}*{font-family:"Ubuntu Mono",monospace;font-size:1.2rem;font-weight:700;color:#fff;scroll-behavior:smooth}* a{text-decoration:none}.certificates{margin:0;padding:0;box-sizing:border-box;font-family:source code pro;font-weight:500;font-size:16px;--img-height: 90%;--box-width: calc(var(--box-height) / 0.7);--box-height: 270px;--gradient-one: linear-gradient(45deg, #ffee02, #f30055);--gradient-two: linear-gradient(315deg, #0077ff, #f30055);--gradient-three: linear-gradient(45deg, #74ff03, #00e1ff);display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--bg-dark);flex-direction:row}.certificates .certificates-container{position:relative;display:flex;justify-content:center;align-items:center;padding:40px 0;flex-wrap:wrap}.certificates .certificates-container h1{width:100%}.certificates .certificates-container .box{position:relative;width:var(--box-width);height:var(--box-height);color:#fff;background:var(--bg-dark);display:flex;justify-content:center;align-items:center;margin:20px 30px;transition:.5s}.certificates .certificates-container .box .content h2{font-weight:300;font-size:.8rem;color:#fff;margin-bottom:2px}.certificates .certificates-container .box span::before{content:"";position:absolute;top:0px;left:0px;width:50%;height:100%;background:rgba(255,255,255,.1);pointer-events:none}.certificates .certificates-container .box span{position:absolute;top:6px;left:6px;right:6px;bottom:6px;border-radius:2%;overflow:hidden;background:rgba(0,0,0,.6);z-index:2}.certificates .certificates-container .box .content{position:relative;z-index:10;padding:10px 40px;overflow:hidden}.certificates .certificates-container .box .content img{height:100%;border:2px solid #000}.certificates .certificates-container .box:hover{transform:translateY(-20px)}.certificates .certificates-container .box::before{content:"";border-radius:3%;position:absolute;top:0;left:0;width:100%;height:100%;background:var(--gradient-one)}.certificates .certificates-container .box::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--gradient-one);filter:blur(30px)}.certificates .certificates-container .box:nth-child(2)::before,.certificates .certificates-container .box:nth-child(2)::after{background:var(--gradient-two)}.certificates .certificates-container .box:nth-child(3)::before,.certificates .certificates-container .box:nth-child(3)::after{background:var(--gradient-three)}.html .recent{display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:20px repeat(2, 1fr);grid-column-gap:1rem;grid-row-gap:1rem;justify-content:center;align-items:center;padding:2rem;line-height:2rem;text-align:justify}.html .recent .example{display:flex;align-items:center;justify-content:center}.html .recent .example img{width:25vw;border-radius:.2rem}.html .recent h1{grid-area:1/1/1/-1;text-align:center}.resume{padding:1rem}.resume h1,.resume h2,.resume h3{font-weight:700}.resume h1,.resume h3{font-size:1.2rem;margin:0 3rem}.resume H2{font-size:1.1rem;margin:1rem 0 0 0}.resume h3{text-align:center;font-size:3rem}.resume li,.resume span{font-size:.8rem;font-weight:300;line-height:normal}.resume .left-panel,.resume .right-panel{background-color:rgba(0,0,0,.2);border-radius:1rem}.resume .left-panel .me-resume,.resume .right-panel .me-resume{border-radius:1rem}.right-panel>:nth-child(4){width:100%;border-bottom:1px solid #fff}.right-panel>:nth-child(2){width:100%;border-bottom:1px solid #fff}.right-panel>:nth-child(3){width:100%;border-bottom:1px solid #fff}.right-panel>:nth-child(3) li{text-align:left}.right-panel .summary,.right-panel .expirience,.right-panel .education,.right-panel .hobby{padding:0 2rem 2rem 2rem;text-align:center}.right-panel .summary li,.right-panel .expirience li,.right-panel .education li,.right-panel .hobby li{text-align:left}.right-panel .summary{text-align:justify;line-height:normal}ul{padding:0 0 1rem 1rem;list-style:none}@media(min-width: 758px){.resume-wrapper{display:grid;grid-template-columns:20vw 50vw;-moz-column-gap:2rem;column-gap:2rem;justify-content:center}}.recentJS{padding:2rem;color:#000;height:auto;text-align:center;font-weight:700;display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:2rem;justify-content:center;align-items:center}.recentJS h2{grid-column:span 3}.project{width:25vw;background-color:#fff;border:1px solid #000;box-shadow:0 0 2rem 0 #000;border-radius:7px;overflow:hidden;display:flex;flex-direction:column;align-items:center;margin-left:auto;margin-right:auto}.project .project-description{color:#000;font-size:.6rem;font-weight:300}.project img{border-bottom:2px solid #000;border-radius:5px;padding:.3rem;width:auto}#bootstrap{height:100vh;display:flex;align-items:center;justify-content:center;text-align:center}#bootstrap img{width:40rem}#react .recentReact{min-height:80vh;position:relative;display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:1fr 4fr;grid-template-areas:"header header header";grid-column-gap:1rem;grid-row-gap:1rem;justify-content:center;align-items:center;padding:2rem;line-height:2rem;text-align:justify}#react .recentReact h1{grid-area:header;text-align:center}#react .recentReact img{width:40rem;border-radius:.5rem}.recentTW{min-height:80vh;position:relative;display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:1fr 4fr;grid-template-areas:"header header header";grid-column-gap:1rem;grid-row-gap:1rem;justify-content:center;align-items:center;padding:2rem;line-height:2rem;text-align:justify}.recentTW h2{grid-area:header;text-align:center}.recentTW h1{grid-area:header;text-align:center}.recentTW img{width:40rem;border-radius:.5rem}#python .recentPython{min-height:80vh;position:relative;display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:1fr 4fr;grid-template-areas:"header header header";grid-column-gap:1rem;grid-row-gap:1rem;justify-content:center;align-items:center;padding:2rem;line-height:2rem;text-align:justify}#python .recentPython h1{grid-area:header;text-align:center}#python .recentPython img{width:40rem;border-radius:.5rem}.rectangle nav{width:100%;position:fixed;top:0;left:0;padding:0 3rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center;background:#000;z-index:9999}.rectangle nav .burger{display:none}.rectangle nav .title img{height:2rem}.rectangle nav .menu{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.rectangle nav .menu a:hover{border-radius:7px;color:#8a8a8a;transition-delay:.2s}.rectangle nav .menu a:hover img{filter:brightness(50%)}.rectangle nav .menu img{max-height:1.2rem;max-width:1.2rem}.rectangle nav .menu a{margin:.1rem;text-decoration:none;padding:1rem .5rem;font-size:.8rem;font-weight:300;transition:color .2s ease}.rectangle nav .menu .dropdown{display:flex;position:relative;height:100%;margin:0;padding:0;align-items:center}.rectangle nav .menu .dropdown a:hover,.rectangle nav .menu .dropdown a:focus{color:#8a8a8a;border-radius:7px}.rectangle nav .menu .dropdown a:hover+ul,.rectangle nav .menu .dropdown a:focus+ul{display:block;z-index:999;background:#000}.rectangle nav .menu .dropdown ul:hover{display:block;background:#000;z-index:1000}.rectangle nav .menu .dropdown ul{width:200px;text-align:center;position:absolute;padding:0;list-style-type:none;box-shadow:0 0 .5rem .5rem rgba(5,5,5,.45);margin-top:13rem;border-radius:7px;display:none}.rectangle nav .menu .dropdown ul li:hover{border-radius:7px}.rectangle nav .menu .dropdown ul li{padding:.5rem}.rectangle nav .menu .dropdown ul li a{width:100%;height:100%;display:flex;padding:0;margin:0}.rectangle .header{min-height:75dvh;position:relative;background-color:#000}.rectangle .header img{width:auto;height:75vh}.rectangle .header span{width:20rem;height:auto;position:absolute;top:50%;right:-5%;transform:translate(-50%, -50%);background-color:rgba(0,0,0,.5);border-radius:.5rem;box-shadow:0rem 0rem 1rem 1rem rgba(0,0,0,.5)}.rectangle .header span .zero{font-size:5rem;font-weight:300}.rectangle .header span .pOne{color:#fff;font-weight:300}footer{width:100%;height:3.5rem;position:fixed;bottom:0;display:flex;flex-direction:row;justify-content:center;align-items:center;background:#000;z-index:9999}.techLogos{display:flex;flex-wrap:wrap;justify-content:space-evenly}.techLogos img{max-width:90vw;margin:.2rem;padding:.1rem;border-radius:3px}:root{--clr-1: #052b2f;--clr-2: #073438;--clr-3: #0e4b50;--clr-4: #2d8f85;--clr-5: #637c54;--clr-6: #0091ff;--clr-7: #ff00e6;--clr-8: #5900ff;--bgclr: #2c3e50}@media(max-width: 768px){.rectangle .header span{width:90%;margin:0;padding:1rem;right:auto;left:auto}.rectangle .header span .zero{font-size:3rem;margin-bottom:2rem}.rectangle nav{padding:0 1rem}.rectangle nav .menu{position:absolute;flex-direction:column;top:3rem;right:0;padding:1rem;background-color:#000;transform:translateX(100%);transition:.3s linear}.rectangle nav .menu.active{transform:translateX(0%)}.rectangle nav .menu .dropdown ul{display:block;background-color:#000;transition-delay:.3s;transition:.6s linear;transform:translateX(100%)}.rectangle nav .menu .dropdown ul.active{transform:translateX(-100%)}.rectangle nav .menu a{padding:.3rem}.rectangle nav .burger{display:block;margin:.5rem;padding:0;border:1px solid #fff;background:none;border-radius:.2em;cursor:pointer}.rectangle nav .burger .line{width:2rem;height:.2rem;background:#fff;margin:.3em;border-radius:.3em}#react .recentReact{grid-template-columns:repeat(2, 1fr);grid-template-areas:"header header";align-items:start}#javascript .recentJS{grid-template-columns:repeat(2, 1fr)}#javascript .recentJS h2{grid-column:span 2}#javascript .project{width:40vw}.recentTW{display:grid;grid-template-columns:repeat(2, 1fr);grid-template-areas:"header header";align-items:start}.recentTW h2{grid-column:span 2}.html .recent{grid-template-columns:repeat(2, 1fr)}.html .recent .example img{width:40vw}.certificates .certificates-container{display:grid;grid-template-columns:repeat(2, 1fr)}.certificates .certificates-container h1{grid-column:span 2}.certificates .certificates-container .box{width:40vw;height:30vw}.certificates .certificates-container .box span{margin:0;padding:0}.certificates .certificates-container .box span .content{padding:0}.certificates .certificates-container .box span .content h2{font-size:x-small;font-weight:300}}body{scroll-behavior:smooth;background-color:#2a2a2a}body .page-wrapper{text-align:center;font-size:3rem}/*# sourceMappingURL=style.css.map */