.pageProjects .projects{display:flex;flex-flow:wrap;justify-content:center;gap:1rem}.pageProjects .projects .project{box-shadow:0 0 10px #999}.pageProjects .projects .project .card{max-width:350px;color:#d0dd5b}.pageProjects .projects .project .card .image{height:300px;width:350px;transition:.3s}.pageProjects .projects .project .card .image:hover{transform:scale(1.1);filter:opacity(.5)}@media (max-width: 768px){.pageProjects .projects .project .card,.pageProjects .projects .project .card .image{width:100%}}.pageProjects .projects .project .card .card-body{display:flex;flex-flow:column;justify-content:space-evenly;max-width:450px;min-height:290px;padding:.5rem}.pageProjects .projects .project .card .card-body .title{text-align:center}.pageProjects .projects .project .card .card-body .description{padding:.1rem;color:#fff}.pageProjects .projects .project .card .card-body .tags{width:100%;display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap;padding:.7rem}.pageProjects .projects .project .card .card-body .tags .redTag{border:1px solid red}.pageProjects .projects .project .card .card-body .tags .yellowTag{border:1px solid yellow}.pageProjects .projects .project .card .card-body .tags .blueTag{border:1px solid lightblue}.pageProjects .projects .project .card .card-body .tags .orangeTag{border:1px solid orange}.pageProjects .projects .project .card .card-body .tags .lilaTag{border:1px solid rgb(4,53,249)}.pageProjects .projects .project .card .card-body .tags .redTag,.pageProjects .projects .project .card .card-body .tags .yellowTag,.pageProjects .projects .project .card .card-body .tags .blueTag,.pageProjects .projects .project .card .card-body .tags .orangeTag,.pageProjects .projects .project .card .card-body .tags .lilaTag{padding:.3rem}.pageProjects .projects .project .card .card-body .links{display:flex;justify-content:space-around;margin:.5rem 0 0}.pageProjects .projects .project .card .card-body .links a{color:#fff}.pageProjects .projects .project .card .card-body .links a i{transition:.3s}.pageProjects .projects .project .card .card-body .links a i:hover{transform:scale(1.2);color:#ffef0a}.pageWelcome{display:flex;flex-flow:column wrap;gap:4rem;height:39rem;justify-content:center;margin-left:-1rem}.pageWelcome a:hover,.pageWelcome a:active{text-decoration:none}.pageWelcome .home h3{font-size:74px;text-align:left;color:#009393;font-weight:700}.pageWelcome .stage{width:fit-content}.pageWelcome .cubespinner{animation-name:spincube;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-duration:8s;transform-style:preserve-3d;transform-origin:40px 40px 0}.pageWelcome .cubespinner div{position:absolute;width:fit-content;height:80px;text-align:left;font-family:Courier New,Courier,monospace;font-size:61px;font-weight:700}@media (max-width: 767px){.pageWelcome .cubespinner div{font-size:35px}}.pageWelcome .cubespinner .face1{color:#cd5c5c;transform:translateZ(40px);backface-visibility:hidden}.pageWelcome .cubespinner .face2{color:#e6dc98;transform:rotateX(90deg) translateZ(40px);backface-visibility:hidden}.pageWelcome .cubespinner .face3{color:#cd5c5c;transform:rotateX(180deg) translateZ(40px);backface-visibility:hidden}.pageWelcome .cubespinner .face4{color:#fff;transform:rotateX(270deg) translateZ(40px);backface-visibility:hidden}@keyframes spincube{0%,to{transform:rotateX(0)}15%{transform:rotateX(90deg)}25%{transform:rotateX(90deg)}40%{transform:rotateX(180deg)}50%{transform:rotateX(180deg)}65%{transform:rotateX(270deg)}75%{transform:rotateX(270deg)}90%{transform:rotateX(360deg)}to{transform:rotateX(360deg)}}@media (min-width: 1000px){.pageWelcome .body{position:absolute;right:1rem;bottom:3rem;display:flex;flex-flow:column wrap;align-items:end;gap:6rem}}.pageWelcome .body .image img{border-radius:50%;width:20rem;height:20rem}@media (max-width: 1000px){.pageWelcome .body .image img{display:none}}.pageWelcome .body .description{max-width:40rem;color:#999;font-style:italic;font-size:1.3rem;text-shadow:1px 1px 1px rgb(230,220,152)}@media (max-width: 550px){.pageWelcome .body .description{width:15rem;padding-top:1rem;font-size:1rem}}.pageWelcome .me{position:relative;top:-3rem}.pageWelcome .me p{font-size:1.5rem;color:#e6dc98}.pageWelcome .me .backName{font-size:8.5rem;position:absolute;left:3%;top:-70%;max-width:5rem;z-index:-1;color:#444}@media (max-width: 800px){.pageWelcome .me .backName{font-size:3rem;top:7rem}}.pageWelcome .me .welcome .name,.pageWelcome .me .welcome .title{height:45px;white-space:nowrap;overflow:hidden;font-family:corier;color:#ffffffb3;font-size:1.7rem;position:relative}@media (max-width: 700px){.pageWelcome .me .welcome .name,.pageWelcome .me .welcome .title{font-size:1.3rem;max-width:300px}}.pageWelcome .me .welcome #border{border-bottom:solid 3px #009393;position:absolute;right:-7px;width:21px;animation:animated-cursor .6s steps(30,end) infinite}.pageWelcome .me .welcome .name{animation:animated-text 2s steps(30,end) 1s 1 normal both;color:#cd5c5c}.pageWelcome .me .welcome .title{text-align:end;animation:animated-text 2s steps(30,end) 3s 1 normal both}@media (max-width: 700px){.pageWelcome .me .welcome .title{font-size:1.1rem;max-width:260px}}@keyframes animated-text{0%{width:0}to{width:450px}}@keyframes animated-cursor{0%{border-bottom-color:#009393}to{border-bottom-color:transparent}}*{box-sizing:border-box;padding:0;margin:0}*::selection{background-color:#f17b0c;color:#fff}body{font-family:Courier New,Courier,monospace;background-color:#333}body .App{padding:2rem}body .App .container{position:relative;background-color:#44414133;margin:auto;height:100%;padding:1.5rem}@media (max-width: 767px){body .App .container{width:90%}}@media (min-width: 810px) and (max-width: 991px){body .App .container{width:767px}}@media (min-width: 992px) and (max-width: 1199px){body .App .container{width:970px}}@media (min-width: 1200px){body .App .container{width:70vw}}body .App ul{list-style:none;margin:0;padding:0}body .App a{text-decoration:none;transition:.3s}body .App a:hover{transform:scale(1.1)}body .App .header{display:flex;justify-content:space-between}@media (max-width: 767px){body .App .header{justify-content:center;padding:0 5rem}}body .App .header a{color:#e6dc98}@media (max-width: 767px){body .App .header a{padding:0 1rem}}body .App .header a .fa-envelope,body .App .header a .fa-github,body .App .header a .fa-linkedin{font-size:2em;background-color:#555141;color:#fffef7;box-shadow:2px 2px 2px #444,5px 1px 5px #555,2px 2px 10px #444,2px 2px 3px #000,inset 2px 2px 10px #777,inset 2px 2px 10px #000,inset 2px 2px 1px #000,inset 2px 2px 10px #000;padding:9px;border-radius:50%;animation:animate 3s linear infinite;text-shadow:0 0 50px rgb(241,123,12),0 0 20px rgb(241,123,12),0 0 70px rgb(241,123,12),0 0 20px rgb(241,123,12)}body .App .header a .fa-envelope{animation-delay:.1s}body .App .header a .fa-github{animation-delay:.2s}body .App .header a .fa-linkedin{animation-delay:.3s}@keyframes animate{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}body .App .header a i{font-size:2.5rem}body .App .header .contact{display:flex;gap:2rem}body .App nav{display:flex;justify-content:end;gap:2rem;margin:1rem 0;padding:1rem 17rem 2rem;font-size:1.3rem;background-color:#333}@media (max-width: 767px){body .App nav{justify-content:center;padding:1rem 0}}body .App nav a{color:#e6dc98}body .App nav a:hover{transform:scale(1.1);color:#cd5c5c}