@import url(https://fonts.googleapis.com/css2?family=Share+Tech&display=swap);*{margin:0;padding:0}body,html{position:fixed;background-color:#1b1b1b}#app,body,html{width:100%;height:100%}#app{display:flex;justify-content:center;align-items:center;margin:0;font-family:Avenir,Helvetica,Arial,sans-serif;text-align:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fade-enter-active,.fade-leave-active{transition-property:opacity;transition-duration:.5s}.fade-enter-active{transition-delay:.25s}.fade-enter,.fade-leave-active{opacity:0}.zoom-enter-active,.zoom-leave-active{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:zoom;animation-name:zoom}.zoom-leave-active{animation-direction:reverse}@-webkit-keyframes zoom{0%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:1}}@keyframes zoom{0%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:1}}.collapse-button{font-size:50px!important;vertical-align:bottom;color:#7905ff}@media(max-width:575px){.collapse-button{font-size:40px!important}}.collapse-button:hover{color:#9438ff}.collapse-link,.collapse-link:hover{color:#fff}.collapse-link .mission-name{font-size:28px}@media(max-width:575px){.collapse-link .mission-name{font-size:23px}}#about-introduction{font-size:40px}@media(max-width:900px){#about-introduction{font-size:30px}}#about-content{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}#about-content,.nav{background-color:#282828}.nav{border:none;border-bottom:1px solid #666;font-size:25px}@media(max-width:850px){.nav{font-size:17px}}@media(max-width:575px){.nav{font-size:22px}}.nav .nav-item,.nav .nav-link{height:70px;cursor:pointer}.nav .nav-item:hover,.nav .nav-link:hover{border:none;background-color:#666;border-bottom:1px solid #fff}.nav .nav-link.active{background:#666;border-bottom:3px solid #fff}.nav .cornered{width:100%;height:0;border-bottom:70px solid transparent;border-right:30px solid #1b1b1b;border-left:30px solid #1b1b1b;z-index:100!important;position:relative}@media(max-width:575px){.nav .cornered{visibility:hidden}}.nav a,.nav button{margin-top:-70px;border:none;position:relative;z-index:1}#profile{position:relative}#profile img{border-radius:1500px;border:3px solid #fff;width:250px}@media(max-width:1000px){#profile img{width:200px}}@media(max-width:850px){#profile img{width:175px}}@media(max-width:700px){#profile img{width:125px}}@media(max-width:575px){#profile img{width:225px}}#profile #socials{width:300px}@media(max-width:600px){#profile #socials{width:150px}}.social-button{margin:0 5px!important}.tab-content p{font-size:22px}#contact-form-container{max-width:800px}#email-link{color:#9438ff}#email-link:hover{color:#bd85ff}form{text-align:left;font-size:25px}form input[type=email],form input[type=text],form textarea{color:#fff!important;background:transparent!important;font-size:25px}form textarea{height:275px;font-size:20px!important}form input[type=submit]{color:#fff;border:none;background-color:#7905ff;transition:background-color 1s ease,transform 1s ease}form input[type=submit]:hover{background-color:#9438ff;transition:background-color transform 1s ease ease 1s;transform:scaleY(1.2)}.carousel{max-width:650px;border:5px solid #666;border-radius:5px;background:#fff}@media(max-width:1500px){.carousel{max-width:550px}}@media(max-width:1270px){.carousel{max-width:850px}}a{margin-right:6px}a.youtube-video-link{background:red;color:#fff;border-radius:5px;z-index:100!important}a.youtube-video-link:hover{background:#f66;color:#fff}a.github-repo-link{background:#fff;color:#23282d;border-radius:5px}a.github-repo-link:hover{background:#cacaca;color:#23282d}a.site-link{background:#b3a700;color:#fff;border-radius:5px}a.site-link:hover{background:#e6d700;color:#fff}.carousel-caption{background:rgba(1,1,1,.8);padding:8px;border-radius:50px;margin-bottom:-10px}#projects{display:flex;flex-wrap:wrap;justify-content:space-around}@media(min-width:576px){#projects{padding-right:120px!important}}.medium-container{margin:50px;margin-right:100px;padding:30px;border:5px solid #7905ff;text-align:left!important;border-radius:5px}.medium-container h2{margin-top:20px;margin-bottom:0}.read-more{text-align:left!important}#table-container{position:absolute;top:25%;padding-left:80px;padding-right:125px;width:100%;color:#fff!important}@media(max-width:500px){#table-container{top:15%}}@media(max-width:575px){#table-container{padding-left:15px;padding-right:15px}}table{font-size:20px;border:3px solid #666}table thead{font-size:25px}table ul{text-align:left}*{font-family:Share Tech,sans-serif}.page{width:100%;height:100%;position:absolute;color:#fff;overflow:scroll;overflow-x:hidden}::-webkit-scrollbar{display:none}hr{color:transparent;border-top:2px dashed #fff}p{display:inline;font-size:22px}.material-icons,.material-icons-outlined{font-size:80px}@media(max-width:575px){.material-icons,.material-icons-outlined{font-size:60px}}.return-home{position:absolute;left:35px;top:35px;cursor:pointer;color:#9438ff}.return-home:hover{color:#b06bff}@media(max-width:575px){.return-home{left:20px;top:20px}}.navigation,.navigation:hover,.return-home,.return-home:hover{transition:color .8s ease,transform .8s ease}.navigation:hover,.return-home:hover{color:#fff;transform:scale(1.1);cursor:pointer}.navigate-right{position:fixed;right:15px;top:50%;color:#a6a6a6}@media(max-width:575px){.navigate-right{right:0}}.navigate-right div{position:absolute;top:32%;transform:rotate(-90deg)}@media(max-width:575px){.navigate-right div{font-size:12px}}a{color:#7905ff}a:hover{color:#9438ff}@-webkit-keyframes fadeCanvas{0%{opacity:0}to{opacity:1}}@keyframes fadeCanvas{0%{opacity:0}to{opacity:1}}#canvas{opacity:1;-webkit-animation:fadeCanvas 3s ease 1s;animation:fadeCanvas 3s ease 1s}#home{display:flex;justify-content:center;align-items:center;margin:0}a{text-decoration:none!important}.node{border:3px solid #7905ff;padding:15px;height:70px;background-color:#1b1b1b;width:150px;text-align:center;border-radius:50px;color:#fff}@media(max-width:600px){.node{width:125px}}@media(max-width:420px){.node{height:60px;width:110px;padding:10px}}.node:hover{color:#7905ff;background-color:#fff;border-color:#fff;transition:background-color 1s ease,color 1s ease,width 1s ease,border-color 1s ease;width:170px;cursor:pointer}.main-node{border:none;background-color:transparent;height:60px;padding-top:5px;font-size:55px}#name{height:80px}#main{position:absolute;max-width:800px;color:#fff}@media(max-width:600px){#main{width:100%;font-size:15px!important}}.layer{height:200px}