@import url(https://fonts.googleapis.com/css?family=Open+Sans|Roboto:400,700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&family=Source+Code+Pro:wght@300&display=swap);.toggle-container{margin:0 auto;padding-bottom:.6em;padding-left:5em;padding-top:1em}.toggle{background-color:var(--color-background);border-radius:50px;box-shadow:0 2px 5px var(--color-container);cursor:pointer;height:25px;margin:0 auto;position:relative;width:50px}.act{background-color:#161a26}.act>.notch{background-color:var(--color-green);transform:translate(25px)}.notch{background-color:var(--color-blue);border-radius:50%;box-shadow:0 0 3px var(--color-container);height:22px;left:1px;top:1px;transition:all .3s ease;width:22px}.day,.notch{position:absolute}.day{color:#d7f6ff;left:3px;top:4px}.night{color:#edfc1a;left:28px;position:absolute;top:5px}.info-container{margin:3em auto;max-width:1400px}.container-youtube{margin:2em auto;max-width:1400px}iframe{display:block;height:200px;margin:0 auto;width:360px}.container-youtube>h2{margin:1em 0 1.2em;text-align:center}.quick{left:.5em;position:fixed;top:0}.block1{display:grid;grid-template-columns:1fr;max-width:900px}.block2{margin:4em auto 2em}.block2>h4{padding-bottom:.2em}.block{margin:0 auto;width:350px}.block>img{animation:example 12s infinite;height:300px;transform:rotate(-10deg);width:300px}.cText{padding-left:4em}.small-bio{font-size:small;padding:1em 0;width:80%}.activities{font-weight:700;padding:1em 0}.activities,.activities-list>li{font-size:13px}.div-active{display:inline-block}.non-active-dot{background-color:#f0690f}.active-dot,.non-active-dot{border-radius:50%;height:4px;margin-bottom:.15em;width:4px}.active-dot{animation:dotAnimation 2s infinite;background-color:#11c211}@keyframes dotAnimation{0%{opacity:1}50%{opacity:0}to{opacity:1}}.skills{display:grid;grid-template-columns:1fr}.skills>h3{border-bottom:2px solid var(--color-container);display:block;margin:0 auto .3em;text-align:center;width:200px}.skills-ul1{margin-right:.5em}.skills-ul1>li{padding:0 .3em;text-align:center}.skills-ul2>li{padding:.3em;text-align:center}.webdev{margin:2em auto;width:350px}.webdev-box{display:grid;grid-template-columns:1fr 1fr}.button{background-color:var(--color-blue);box-shadow:0 0 5px var(--color-container);color:#fff;display:block;font-weight:700;margin:0 auto 2em;text-align:center;transition:opacity .25s ease-out;width:100px}.button:hover{opacity:.8}.salesforce>ul{text-align:center}.certification{padding:3em 0}.certification>h3{display:block;margin:0 auto .3em;text-align:center;width:170px}.certification-ul>li{text-align:center}.container-link-box{display:inline-block;margin:1em}.contacts{margin:2em auto;padding:1em;text-align:center}@keyframes myAnim{0%{animation-timing-function:ease-out;transform:scale(1);transform-origin:center center}10%{animation-timing-function:ease-in;transform:scale(.91)}17%{animation-timing-function:ease-out;transform:scale(.98)}33%{animation-timing-function:ease-in;transform:scale(.87)}45%{animation-timing-function:ease-out;transform:scale(1)}}@keyframes example{0%{opacity:0}10%{opacity:1}11%{opacity:0}12%{opacity:1}68%{opacity:1}70%{opacity:0}72%{opacity:1}73%{opacity:0}74%{opacity:1}to{opacity:1}}@media screen and (min-width:768px){.cText{margin:6em auto}.info-container{grid-template-columns:1fr 1fr;max-width:900px}iframe{height:315px;width:560px}.block{width:500px}}@media screen and (min-width:1000px){.cText{margin:6em auto}.info-container{max-width:900px}.info-container,.skills{grid-template-columns:1fr 1fr}.skills{display:grid}.block{width:650px}}@media screen and (min-width:1200px){.block1{grid-template-columns:1fr 1fr;margin:0 auto}.info-container{max-width:1400px}.text-youtube-container{display:grid;grid-template-columns:1fr 1fr;margin:0 auto}.container-youtube{padding-top:3em}.block>img{height:350px;width:350px}.quick{left:6em;position:fixed;top:4em}#down{top:5em}}@media screen and (min-width:1333px){.skills{display:grid;grid-template-columns:1fr 1fr 1fr 1fr}}.work-container{display:grid;grid-template-columns:1fr;margin:0 auto}.card{background-color:#110138;border-radius:5%;box-shadow:4px 2px 10px #000;margin:2em auto;width:310px}.photo{border-bottom:3px solid var(--color-container);border-top-left-radius:5%;border-top-right-radius:5%;height:240px;margin:0 auto;object-fit:cover;width:310px}.desc{padding:1em 0;text-align:center}.desc>p,h1{color:#fff}.codelink{position:relative;right:7.5em}.desc>a{padding:1em}.download-button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:13px;margin-top:10px;padding:6px 12px}.download-button:hover{background-color:#45a049}@media screen and (min-width:768px){.work-container{grid-template-columns:1fr 1fr;max-width:900px}}@media screen and (min-width:1200px){.work-container{grid-template-columns:1fr 1fr 1fr;max-width:1400px}}.game-g{margin:0 auto;max-width:880px;padding-top:4em}.h1-g{padding:0 4em;text-align:center}.button-g{background:none;cursor:pointer;font-size:1em;font-weight:700;margin-top:2em;transition:opacity .25s ease-out}.button-g:hover{opacity:.8}.card-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);width:100%}.card-c{cursor:pointer;height:100px;position:relative;width:100px}.card-c .cartoon{border:2px solid #fff;border-radius:6px;height:100%;width:100%}.card-c .back,.card-c .front{height:100%;position:absolute;transition:transform .2s ease-in;width:100%}.card-c .front{transform:rotateY(90deg)}.flipped .front{transform:rotateY(0deg);transition-delay:.2s}.flipped .back{transform:rotateY(90deg);transition-delay:0s}.result{font-weight:700;padding:1em 0;text-align:center}.popup{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.popup-inner{background:#fff;border-radius:10px;box-shadow:0 0 10px #0000004d;padding:2em;text-align:center}.popup-inner>p{color:#333}.popup-inner button{background:#333;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:1em;padding:10px 20px;transition:background .3s}.popup-inner button:hover{background:#555}@media screen and (min-width:880px){.card-c{height:200px;width:200px}.card-grid{gap:20px;grid-template-columns:repeat(4,1fr);width:880px}}@media screen and (min-width:1080px){.card-c{height:100px;width:100px}.card-grid{gap:10px;grid-template-columns:repeat(7,1fr);padding-left:1em;width:880px}}.about-container{margin:50px auto;max-width:1200px;padding:3em 1.8em;text-align:center}.about-container h2{font-size:2rem;margin-bottom:20px}.about-text{display:block;margin:0 auto;width:300px}.about-text>p{font-size:1rem;line-height:1.6;padding-top:2em;text-align:left;width:300px}@media screen and (min-width:800px){.about-text,.about-text>p{width:600px}}*{border:0;box-sizing:border-box;list-style:none;margin:0;outline:0;padding:0;text-decoration:none}:root{--color-background:#223543;--color-container:#161a26;--color-green:#fdc765;--color-light:#bad0de;--color-white:#f8fdff;--color-blue:#1969ff}.container-app-width{margin:0 auto;width:1200px}.github{padding-bottom:1em;text-align:center}.github>a{font-size:40px}body{font-family:Poppins,sans-serif}span{color:#fdc765;color:var(--color-green)}.portfolio{color:#001d36;margin:3em 0 1em}.portfolio,h4{text-align:center}h4{padding-bottom:1em}h3{display:block;margin:0 auto .3em;text-align:center}p{font-size:15px}.icon{height:40px;width:40px}.line{margin:0 auto;width:180px}.line,.line2{box-shadow:0 5px 10px 0 #222;height:2px}.line2{margin:0 auto 1em;width:200px}.colorbox{animation:gradient 15s ease infinite;background:linear-gradient(-45deg,#1c95ff,#001d36,#0071d4,#001d36);background-size:400% 400%;box-shadow:0 0 80px #000;height:10px;width:100%}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media screen and (min-width:768px){.container-app-width{margin:0 auto;width:900px}}@media screen and (min-width:1200px){.container-app-width{margin:0 auto;width:1200px}}.position{align-items:center;display:flex;height:100vh;justify-content:center}.boxes{--size:32px;--duration:800ms;height:calc(var(--size)*2);margin-top:calc(var(--size)*1.5*-1);position:relative;transform:rotateX(60deg) rotate(45deg) rotateY(0deg) translateZ(0);transform-origin:50% 50%;transform-style:preserve-3d;width:calc(var(--size)*3)}.boxes .box{height:var(--size);left:0;position:absolute;top:0;transform-style:preserve-3d;width:var(--size)}.boxes .box:first-child{animation:box1 var(--duration) linear infinite;transform:translate(100%)}.boxes .box:nth-child(2){animation:box2 var(--duration) linear infinite;transform:translateY(100%)}.boxes .box:nth-child(3){animation:box3 var(--duration) linear infinite;transform:translate(100%,100%)}.boxes .box:nth-child(4){animation:box4 var(--duration) linear infinite;transform:translate(200%)}.boxes .box>div{--background:#333;--top:auto;--right:auto;--bottom:auto;--left:auto;--translateZ:calc(var(--size)/2);--rotateY:0deg;--rotateX:0deg;background:var(--background);bottom:var(--bottom);height:100%;left:var(--left);position:absolute;right:var(--right);top:var(--top);transform:rotateY(var(--rotateY)) rotateX(var(--rotateX)) translateZ(var(--translateZ));width:100%}.boxes .box>div:first-child{--top:0;--left:0}.boxes .box>div:nth-child(2){--background:#010101;--right:0;--rotateY:90deg}.boxes .box>div:nth-child(3){--background:#1e1e1e;--rotateX:-90deg}.boxes .box>div:nth-child(4){--background:#858585;--top:0;--left:0;--translateZ:calc(var(--size)*3*-1)}@keyframes box1{0%,50%{transform:translate(100%)}to{transform:translate(200%)}}@keyframes box2{0%{transform:translateY(100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes box3{0%,50%{transform:translate(100%,100%)}to{transform:translateY(100%)}}@keyframes box4{0%{transform:translate(200%)}50%{transform:translate(200%,100%)}to{transform:translate(100%,100%)}}
/*# sourceMappingURL=main.c783d2f9.css.map*/