@import url(https://fonts.googleapis.com/css2?family=Montserrat&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{padding:0;margin:0;box-sizing:border-box}html{font-size:16px}:root{--primary-color:#fff;--secondary-color:#fffaeb;--tertiary-color:#ebf0ff;--quaternary-color:#faebff;--primary-color-2:#d4af37;--secondary-color-2:#3b4d61;--tiertiary-color-2:#6b7b8c;--primary-color-3:#e7dac7;--secondary-color-3:#937047;--tiertiary-color-3:#241f1c;--primary-color-4:#faebef;--secondary-color-4:#333d79;--primary-color-5:#e27e9c;--secondary-color-5:#af8bc4;--accent-color:var(--clr-grey-1);--correct-answer:#cbe7c6;--spacing:5px;--orange-color:#fffaeb;--orange-color-2:#faf1d7;--orange-color-3:#fae8b1;--orange-color-4:#ffe38f;--orange-color-5:#fddb74;--orange-color-6:#ffd24d;--orange-color-7:#ffc824;--orange-color-8:#c09104;--wrong-answer:#df9797;--gold-color-1:#513c06;--gold-color-2:#7a5c10;--gold-color-3:#a27c1a;--gold-color-4:#c8992d;--gold-color-5:#e9b949;--gold-color-6:#f7d06e;--gold-color-7:#f9da8b;--gold-color-8:#f8e3a5;--gold-color-9:#fceec5;--gold-color-10:#fffaeb;--gold-color-11:#d4af37;--clr-grey-1:#102a42;--clr-grey-2:#243a52;--clr-grey-3:#324d67;--clr-grey-4:#48647f;--clr-grey-5:#617d98;--clr-grey-6:#829ab0;--clr-grey-7:#9eb2c7;--clr-grey-8:#bcccdc;--clr-grey-9:#dae2ec;--clr-grey-10:#f1f5f8;--transition:all 0.3s linear;--border-radius:3rem}body{font-family:"Montserrat",sans-serif;width:100%;height:100vh;color:#4b4646;background-color:#fff;background-color:var(--primary-color);overflow-x:hidden}#logo{position:absolute;top:50%;left:50%;width:100%;padding:0 5%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-animation:fadeToTopLeft 2s ease 3s forwards;animation:fadeToTopLeft 2s ease 3s forwards}#logo path:nth-child(2){stroke-dasharray:780px;stroke-dashoffset:780px}#logo path:nth-child(2),#logo path:nth-child(3){-webkit-animation:line-anim 6s ease forwards;animation:line-anim 6s ease forwards}#logo path:nth-child(3){stroke-dasharray:464px;stroke-dashoffset:464px}#logo path:nth-child(4){stroke-dasharray:495px;stroke-dashoffset:495px}#logo path:nth-child(4),#logo path:nth-child(5){-webkit-animation:line-anim 6s ease forwards;animation:line-anim 6s ease forwards}#logo path:nth-child(5){stroke-dasharray:510px;stroke-dashoffset:510px}#logo path:nth-child(6){stroke-dasharray:636px;stroke-dashoffset:636px}#logo path:nth-child(6),#logo path:nth-child(7){-webkit-animation:line-anim 6s ease forwards;animation:line-anim 6s ease forwards}#logo path:nth-child(7){stroke-dasharray:605px;stroke-dashoffset:605px}#logo path:nth-child(8){stroke-dasharray:500px;stroke-dashoffset:500px;-webkit-animation:line-anim 6s ease forwards;animation:line-anim 6s ease forwards}@-webkit-keyframes line-anim{50%{stroke-dashoffset:0;fill:transparent}to{stroke-dashoffset:0;fill:#fff}}@keyframes line-anim{50%{stroke-dashoffset:0;fill:transparent}to{stroke-dashoffset:0;fill:#fff}}@-webkit-keyframes fadeToTopLeft{to{top:-10px;left:5%;height:70px;width:20px;opacity:0}}@keyframes fadeToTopLeft{to{top:-10px;left:5%;height:70px;width:20px;opacity:0}}.navigation{position:fixed;height:5rem;width:100%;top:-100px;z-index:10;background:#fff;background:var(--primary-color);-webkit-animation:slide 2s linear 5s forwards;animation:slide 2s linear 5s forwards}@-webkit-keyframes slide{to{top:0}}@keyframes slide{to{top:0}}nav{position:absolute;top:10px;right:3%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:50px;margin:0;font-size:1rem}.nav-link{color:#102a42;color:var(--clr-grey-1);text-decoration:none;outline:none;margin-left:20px;border:none;transition:border 2s ease;cursor:pointer;display:inline-flex;align-items:center}.nav-link:hover{opacity:.9;color:#d4af37;transition:all .3s linear;transition:var(--transition)}.nav-link .moonwalkOut{-webkit-animation:slideOff 1s ease-in forwards;animation:slideOff 1s ease-in forwards}.nav-link .moonwalkIn{-webkit-animation:slideIn 1s ease-out forwards;animation:slideIn 1s ease-out forwards}.nav-link .moonwalk-container{display:inline-block;width:30px}.nav-link .moonwalk-container img{-webkit-transform:translateY(9.5px);transform:translateY(9.5px);width:100%}@-webkit-keyframes slideOff{to{-webkit-transform:translate(-30px,9.5px);transform:translate(-30px,9.5px);opacity:0}}@keyframes slideOff{to{-webkit-transform:translate(-30px,9.5px);transform:translate(-30px,9.5px);opacity:0}}@-webkit-keyframes slideIn{0%{-webkit-transform:translate(30px,9.5px);transform:translate(30px,9.5px);opacity:0}to{opacity:1;-webkit-transform:translateY(9.5px);transform:translateY(9.5px)}}@keyframes slideIn{0%{-webkit-transform:translate(30px,9.5px);transform:translate(30px,9.5px);opacity:0}to{opacity:1;-webkit-transform:translateY(9.5px);transform:translateY(9.5px)}}.navigation .nav_button{position:absolute;top:0;right:0;background-color:wheat;display:none;justify-content:center;align-items:center;font-size:2rem;height:5rem;width:5rem;cursor:pointer}.navigation .nav_button svg{position:absolute;color:#fff}.logo-container{display:flex;width:5rem;margin-left:5%;margin-top:1%;-webkit-animation:popout 6s ease-in;animation:popout 6s ease-in;cursor:pointer}.logo-container:hover{opacity:.8}.black-flower,.logo{height:3.5rem;-webkit-user-select:none;-ms-user-select:none;user-select:none}@-webkit-keyframes popout{0%{top:-100px;opacity:0}80%{opacity:0}to{opacity:1}}@keyframes popout{0%{top:-100px;opacity:0}80%{opacity:0}to{opacity:1}}.hamburger ul{position:fixed;top:5rem;width:100%;list-style:none;font-size:1.5rem;display:none;z-index:9;transition:.7s ease-out}.hamburger ul li{background:#fff;background:var(--primary-color);border-bottom:1px solid #fff;letter-spacing:2px;line-height:20px;cursor:pointer;overflow:hidden;-webkit-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.hamburger ul li .nav-link{display:block;padding-left:30px}.hamburger ul li svg{margin-right:20px}.home{position:relative;height:100vh;overflow:hidden}.mj{height:75vh;position:absolute;top:-100%;left:47%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-animation:moonwalk 2s ease 4s forwards;animation:moonwalk 2s ease 4s forwards}@-webkit-keyframes moonwalk{to{top:55%}}@keyframes moonwalk{to{top:55%}}.home h1{width:100%;position:absolute;top:55%;left:25%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:2rem;text-align:center;color:#000;text-shadow:0 0 10px #fff;-webkit-animation:popout 6s ease-in;animation:popout 6s ease-in;font-family:"Times New Roman",Times,serif}.home h1 svg{margin-top:10px}.home h1 svg:hover{color:#a27c1a;color:var(--gold-color-3);transition:all .3s linear;transition:var(--transition)}section{width:100vw;padding:7% 10% 5%;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}section:nth-child(2n){background:#fffaeb;background:var(--secondary-color)}section h1{font-size:2rem;color:#513c06;color:var(--gold-color-1)}#about .about-container{display:flex;justify-content:center;align-items:center;width:100%;flex-wrap:wrap;margin-bottom:50px}.about-container .about-text{width:600px;margin-right:5%;color:var(--tertiary-color-2)}.about-container .about-text p{font-size:1rem;line-height:30px;letter-spacing:2px;text-align:justify}.about-container img{margin:20px 0;width:30vw;padding:5%;border-radius:50%}#experience{background-color:#ebf0ff;background-color:var(--tertiary-color)}#experience h1{color:#513c06;color:var(--gold-color-1);font-size:2rem}.experience-container{display:flex;width:100%;height:400px;margin-top:50px}.companies{width:30%;display:flex;flex-direction:column;align-items:center}.companies .company-btn{margin:25px 0;width:175px;font-size:1.25rem;padding:1px;border:none;background-color:transparent;color:#513c06;color:var(--gold-color-1)}.company-btn.active-btn,.company-btn:hover{box-shadow:0 0 10px #e9b949;box-shadow:0 0 10px var(--gold-color-5);color:#ffc824;color:var(--orange-color-7);background-color:#fff}.company-btn:hover{cursor:pointer;transition:all .3s linear;transition:var(--transition)}.description-container{width:100%;display:flex;flex-direction:column;background-color:#fff;border-radius:5%;padding:2%;height:100%;margin-bottom:30px}.description-container h2{color:#a27c1a;color:var(--gold-color-3);font-weight:500px;padding:5px;text-transform:uppercase}.description-container h3{color:#a27c1a;color:var(--gold-color-3);padding:0 0 5px 5px}.description-container span{background-color:#fffaeb;background-color:var(--secondary-color);padding:2px 10px;margin-bottom:10px;border-radius:10px;letter-spacing:5px;letter-spacing:var(--spacing);color:#ffc824;color:var(--orange-color-7);font-weight:800}.responsibility-container{display:grid;padding:1.5% 0 1%;grid-template-columns:auto 1fr;align-items:center;grid-gap:10px}.mapleleaf{color:#fae8b1;color:var(--orange-color-3)}.responsibility-container .responsibility{color:var(--tertiary-color-2)}#portfolio{background-color:#fffaeb;background-color:var(--secondary-color)}#portfolio h1{color:#513c06;color:var(--gold-color-1)}.portfolio-container{display:flex;flex-wrap:wrap;width:100%;justify-content:center;margin-top:50px;margin-bottom:50px}.portfolio-container .project{position:relative;height:300px;width:380px;overflow:hidden;border-radius:15px;margin:2rem 10px 3rem}.portfolio-container .project img{height:100%;width:100%;transition:.3s ease-in}.portfolio-container .project:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}.portfolio-container .project .launch{position:absolute;top:0;left:0;height:100%;width:100%;background:rgba(0,0,0,.5);display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:.3s}.portfolio-container .project .launch a{display:inline-block;color:#faebff;color:var(--quaternary-color);text-decoration:none;border:1px solid #faebff;border:1px solid var(--quaternary-color);padding:10px 20px}.portfolio-container .project .launch span{position:absolute;bottom:50px}.portfolio-container .project:hover .launch{opacity:1}.contact{width:100vw;padding:5% 10%;display:flex;justify-content:center;width:100%;flex-direction:column;align-items:center;overflow:hidden;background-color:#000;color:#fff}.contact .callToAction p{font-family:"Courier New",Courier,monospace;font-size:3rem;cursor:default;color:#fff}.contact .socials{margin:20px;display:flex;align-items:flex-end}.contact .socials a svg{width:40px;height:40px;color:#fff;margin:0 20px;transition:all .3s linear;transition:var(--transition)}.contact .socials a svg:hover{color:#f9da8b;color:var(--gold-color-7)}.contact .socials img{height:3rem;width:3rem;margin-left:1rem}.contact .copyright p{color:#fff}#quiz{background-color:#fff}#quiz h1{color:#513c06;color:var(--gold-color-1)}#quiz .quiz-container{display:flex;justify-content:center;align-items:center;width:100%;background-color:transparent;padding:50px;margin-top:40px;border:1px solid #a27c1a;border:1px solid var(--gold-color-3);border-radius:3rem;border-radius:var(--border-radius);margin-bottom:50px}.quiz-container .quiz-text button:hover{cursor:pointer;box-shadow:2px 2px}.quiz-container .quiz-text p{font-size:1rem;line-height:30px;letter-spacing:2px;text-align:justify}.quiz-container img{width:30vw;padding:5%}@media (max-width:800px){html{font-size:10px}nav{display:none}.navigation .nav_button{display:flex}.hamburger ul{display:block}.companies .company-btn{margin:25px 15px 0 0;width:90px;font-size:1.25rem}.contact .socials a svg{width:20px;height:30px}#quiz .quiz-container{flex-direction:column}#quiz .quiz-container div video{width:250px}.experience-container{flex-direction:column}.companies{margin-top:-50px;margin-bottom:20px;width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center}section h1{margin-top:20px}.about-container .about-text p{font-size:14px}.portfolio-container .project img{width:100%}}
/*# sourceMappingURL=main.0bbe4e05.chunk.css.map */