@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans&display=swap);@import url(https://fonts.googleapis.com/css2?family=Open+Sans&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{flex-direction:column;height:100vh;margin:0 auto;max-width:1200px;width:100%}.App,.row{display:flex}.row{flex-direction:row;margin-bottom:20px;margin-top:20px}.top{background-color:#000;margin-bottom:50px;width:100%}.titlearea{align-items:center;display:flex;flex-direction:column;height:30vh;justify-content:center;width:100%}.section-title{border-bottom:1px solid #cdcdcd;color:#fff;font-family:Plus Jakarta Sans,sans-serif;font-size:1.95rem;font-weight:500;line-height:46px;margin-bottom:20px}.white-content .section-title{color:#000}.white-content{background:#fff}.topBar-container{display:flex;flex-direction:row;justify-content:space-between;width:100%}.topBar-header{color:#fff;font-family:Open Sans,serif;font-weight:700;margin:0;position:relative}.white-content .topBar-header{color:#000}*{box-sizing:border-box}.checkbox{opacity:0;position:absolute}.label{align-items:center;background-color:#111;border:1px solid #fff;border-radius:50px;cursor:pointer;display:flex;height:26px;justify-content:space-between;padding:5px;position:relative;-webkit-transform:scale(1.5);transform:scale(1.5);width:50px}.label .ball{background-color:#fff;border-radius:50%;height:22px;left:1px;position:absolute;-webkit-transform:translateX(0);transform:translateX(0);transition:-webkit-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear;width:22px}.checkbox:checked+.label .ball{-webkit-transform:translateX(24px);transform:translateX(24px)}.fa-moon{color:#f1c40f}.fa-sun{color:#f39c12}.white-content .label{background-color:#fff;border:1px solid #000}.white-content .label .ball{background-color:#000}.titleArea-header{color:#fff;font-family:Plus Jakarta Sans,sans-serif;font-size:5rem;font-weight:800;margin:0;padding:0}.titleArea-subheader{color:#c2c2c2;font-size:2.5REM;margin:0;padding:0}.titleArea-text{align-self:flex-start;color:#c2c2c2;font-family:Plus Jakarta Sans,sans-serif;font-size:18px;font-weight:400;line-height:28px;margin:0;opacity:100%;text-align:center;width:100%}.white-content .titleArea-header,.white-content .titleArea-subheader,.white-content .titleArea-text{color:#000}.titleArea-box{grid-gap:20px;display:grid;grid-template-columns:1fr 308px;width:100%}.titleArea-left{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.titleArea-right{align-self:flex-end;display:flex;flex-direction:column;flex-shrink:0;float:right;height:100%;justify-content:space-between;width:308px}.pushable{align-self:flex-end;background:#00a4e6;border:none;cursor:pointer;padding:0;width:100%}.front,.pushable{border-radius:12px;color:#fff}.front{background:#42caff;background:linear-gradient(90deg,#42caff,#e819ff);background:-webkit-linear-gradient(90deg,#42caff,#e819ff);display:block;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;overflow:hidden;padding:12px 42px;-webkit-transform:translateY(-4px);transform:translateY(-4px)}.pushable:focus:not(:focus-visible){outline:none}.front{transition:-webkit-transform .6s cubic-bezier(.3,.7,.4,1);transition:transform .6s cubic-bezier(.3,.7,.4,1);transition:transform .6s cubic-bezier(.3,.7,.4,1),-webkit-transform .6s cubic-bezier(.3,.7,.4,1)}.pushable:hover .front{-webkit-transform:translateY(-6px);transform:translateY(-6px);transition:-webkit-transform .25s cubic-bezier(.3,.7,.4,1.5);transition:transform .25s cubic-bezier(.3,.7,.4,1.5);transition:transform .25s cubic-bezier(.3,.7,.4,1.5),-webkit-transform .25s cubic-bezier(.3,.7,.4,1.5)}.pushable:active .front{-webkit-transform:translateY(-2px);transform:translateY(-2px);transition:-webkit-transform 34ms;transition:transform 34ms;transition:transform 34ms,-webkit-transform 34ms}@media (max-width:767px){.titleArea-header{font-size:2.5rem}.titleArea-subheader{font-size:1.25rem}.titleArea-text{font-size:14px;line-height:24px}.titleArea-box{grid-template-columns:1fr}.titleArea-right{margin-top:20px;width:100%}}.aboutMe-cards{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly}.aboutMe-row-icon{color:#fff;height:auto;margin-left:auto;padding:0 5px 5px 0;width:10%}.aboutMeCard{align-items:center;background-color:#292929;border:2px solid rgba(7,7,7,.12);border-radius:10px;box-shadow:0 5px 10px rgba(0,0,0,.24);cursor:pointer;display:flex;flex-direction:column;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;height:250px;justify-content:center;margin-bottom:10px;min-width:200px;overflow:hidden;position:relative;transition:all .3s ease;width:30%}.white-content .aboutMeCard{background-color:#fff}.aboutMeIcon{align-items:center;background:linear-gradient(90deg,#7eaaff,#ff48fb 40%,rgba(0,0,0,.28) 60%) 0;background-size:200px;border-radius:100%;display:flex;height:80px;justify-content:center;margin:0 auto;max-width:80px;transition:all .8s ease;width:100%}.aboutMe-icon__fa{color:#fff;font-size:40px;transition:all .3s ease}.aboutMeCard .title{color:#fff;font-weight:600;letter-spacing:4px;margin:30px 0 0;text-align:center;text-transform:uppercase;width:100%}.white-content .aboutMeCard .title{color:#000}.aboutMeCard .text{color:#fff;letter-spacing:2px;margin:20px auto 0;max-height:0;opacity:0;pointer-events:none;text-align:center;transition:all .3s ease;width:80%}.white-content .aboutMeCard .text{color:#000}.aboutMeCard:hover{height:500px;justify-content:flex-start;padding-top:2%;width:calc(100% - 425px)}.aboutMe-cards:hover .aboutMeCard:not(:hover){width:200px}.aboutMeCard:hover .text{-webkit-animation:fadeIn 1.8s forwards;animation:fadeIn 1.8s forwards;font-size:1em;max-height:40px;opacity:1}.aboutMeCard:hover .aboutMeIcon{background:#000 -120px;transition:all .3s ease}.white-content .aboutMeCard:hover .aboutMeIcon{background:#faf9f6 -120px}.aboutMeCard:hover .aboutMeIcon svg path{fill:#7eaaff;transition:all .3s ease}@media (max-width:767px){.aboutMe-cards{flex-direction:column}.aboutMeCard:hover{height:1000px;width:90%}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.image{height:auto;width:70%}.slides{align-items:center;width:100%}.image-textwrap{align-items:center;display:flex;flex-direction:column}.caption{color:#fff;font-size:20px;font-weight:700;height:100%;opacity:.7;padding:0 10px 10px;position:relative;text-align:center;width:40%}.white-content .caption{color:#000}.buttonArrow{background-color:rgba(0,0,255,0);border:none}.arrow{color:#fff}.white-content .arrow{color:#000}.mePicture{border-radius:24px 24px 24px 24px;height:600px;left:15%;object-fit:cover;overflow:hidden;position:relative;width:85%}.mePicture-text{color:#fff;font-size:18px;font-weight:600;letter-spacing:4px;position:absolute;text-transform:uppercase;top:12%;transition:all .3s ease;width:60%}.white-content .mePicture-text{color:#000}.white-content .mePicture{left:40%;width:60%}.pictureWrapper{position:relative}@media (max-width:767px){.mePicture-text{position:static;-webkit-transform:translate(0);transform:translate(0);width:100%}.mePicture,.white-content .mePicture{left:0;width:100%}}.contactContainer{color:#fff;display:flex;justify-content:space-between}.white-content .contactContainer{color:#000}.link{color:#fff}.white-content .link{color:#000}.contactLeft{background-color:#1a1a1a;border-bottom-left-radius:20px;border-top-right-radius:20px;-webkit-clip-path:polygon(30px 0,100% 0,100% calc(100% - 30px),calc(100% - 30px) 100%,0 100%,0 30px);clip-path:polygon(30px 0,100% 0,100% calc(100% - 30px),calc(100% - 30px) 100%,0 100%,0 30px);margin:20px;max-width:50%;padding:2%}.white-content .contactLeft{background-color:#f1f1f1;color:#000}.contactRight{align-items:center;display:flex;max-width:50%;padding-right:2.5%}.bigScreen{display:inline-block}.smallScreen{display:none}@media screen and (max-width:768px){.contactContainer{align-items:center;flex-direction:column;gap:50px;justify-content:center}.contactLeft{margin:20px 20px 0;max-width:100%}.contactRight{max-width:100%;padding:0}.bigScreen{display:none}.smallScreen{display:inline-block}}.main{display:flex;flex-direction:column;gap:.5em}.down,.up{display:flex;flex-direction:row;gap:.5em}.card1{background:#1a1a1a;border:none;border-radius:90px 5px 5px 5px;box-shadow:0 2px 5px -1px rgba(50,50,93,.25),0 1px 3px -1px rgba(0,0,0,.3);height:90px;outline:none;transition:.2s ease-in-out;width:90px}.white-content .card1{background-color:#fff;color:#000}.phone{color:#27b41d;margin-left:.35em;margin-top:.5em}.card2{background:#1a1a1a;border:none;border-radius:5px 90px 5px 5px;box-shadow:0 2px 5px -1px rgba(50,50,93,.25),0 1px 3px -1px rgba(0,0,0,.3);height:90px;outline:none;transition:.2s ease-in-out;width:90px}.white-content .card2{background-color:#fff;color:#000}.email{color:#bb201d;margin-left:-.35em;margin-top:.5em}.card3{background:#1a1a1a;border:none;border-radius:5px 5px 5px 90px;box-shadow:0 2px 5px -1px rgba(50,50,93,.25),0 1px 3px -1px rgba(0,0,0,.3);height:90px;outline:none;transition:.2s ease-in-out;width:90px}.white-content .card3{background-color:#fff;color:#000}.linkedin{color:#0e76a8;margin-left:.35em;margin-top:-.9em}.card4{background:#1a1a1a;border:none;border-radius:5px 5px 90px 5px;box-shadow:0 2px 5px -1px rgba(50,50,93,.25),0 1px 3px -1px rgba(0,0,0,.3);height:90px;outline:none;transition:.2s ease-in-out;width:90px}.white-content .card4{background-color:#fff;color:#000}.discord{color:#7289da;margin-left:-.35em;margin-top:-.9em}.card1:hover{background-color:#27b41d;cursor:pointer;scale:1.1}.card1:hover .phone{color:#1a1a1a}.white-content .card1:hover .phone{color:#fff}.card2:hover{background-color:#bb201d;cursor:pointer;scale:1.1}.card2:hover .email{color:#1a1a1a}.white-content .card2:hover .email{color:#fff}.card3:hover{background-color:#0e76a8;cursor:pointer;scale:1.1}.card3:hover .linkedin{color:#1a1a1a}.white-content .card3:hover .linkedin{color:#fff}.card4:hover{background-color:#8c9eff;cursor:pointer;scale:1.1}.card4:hover .discord{color:#1a1a1a}.white-content .card4:hover .discord{color:#fff}
/*# sourceMappingURL=main.a2fa4d9b.css.map*/