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}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}.App-header{background-color:#312335;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}.heart{color:red}.small{font-size:.75rem}.Nav-Wrapper{position:fixed;top:0;left:0;background-color:#000;height:50px;width:100%;border-bottom:2px white solid;z-index:50}.Nav-Container{height:100%;margin:0 10px;display:flex;justify-content:space-between;align-items:center;color:#fff}.Nav-Logo-&-Text{}.Nav-Title-Text{color:#fff;margin-left:5vw;text-decoration:none;cursor:pointer;transition:color .3s ease}.Nav-Title-Text:hover,.Studios-Span{color:red}.Nav-Menu-Icon-Container{width:50px}.Nav-Menu-Icon-Container button{background-color:transparent;color:#fff;border:none}.Nav-Menu-Icon-Closed{transform:rotate(90deg);transition:color .3s ease}.Nav-Menu-Icon-Open{transform:rotate(0);transition:color .3s ease}.Nav-Get-Tickets{width:100%;background-color:red;color:#fff;font-weight:700}.Home-Wrapper{background-color:#000;height:80vh;padding-top:20vh}.Home-Content{display:flex;flex-direction:column;justify-content:center;align-items:center;animation:fadeIn 1.5s ease-in forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.Meet-Banner{font-family:Garamond,serif;font-size:3rem;color:#fff;margin-bottom:70px}.Img-1-Show{max-width:12%;height:auto;position:absolute;bottom:5%;right:43%;transition:all .2s ease-in}.Img-1-Hide{opacity:0;max-width:10%;height:auto;position:absolute;bottom:0;right:38%;transition:all .8s ease-out}.Img-2-Show{max-width:8%;height:auto;position:absolute;bottom:10%;right:15%;transition:all .2s ease-in}.Img-2-Hide{opacity:0;max-width:12%;height:auto;position:absolute;bottom:5%;right:5%;transition:all .8s ease-out}.Img-3-Show{max-width:10%;height:auto;position:absolute;bottom:5%;left:15%;transition:all .2s ease-in}.Img-3-Hide{opacity:0;max-width:12%;height:auto;position:absolute;bottom:1%;left:1%;transition:all .8s ease-out}.Home-Buttons-Container{display:flex;flex-direction:column}.Home-Buttons-Container button{padding:10px 0;margin:10px 0;width:250px;background-color:transparent;color:#323232;border:2px solid black;font-family:Courier New,Courier,monospace;font-size:1.3rem;cursor:pointer;transition:all .5s ease}.Home-Buttons-Container button:hover{color:#fff;border:2px solid rgb(109,47,47);border-radius:30px;box-shadow:0 0 5px red,0 0 10px #8d2d2d,0 0 15px #a35353,0 0 20px #4f3535}.SoftwareEng-Wrapper{background-color:#000;height:80vh;padding-top:20vh}.SoftwareEng-Content-Container{display:flex;flex-direction:row;justify-content:space-around;align-items:center;height:70vh}.Description-Header,.Project-Header{color:red;text-transform:uppercase;letter-spacing:2px;font-weight:800;font-size:1rem;margin-bottom:10px}.Projects-Container{border:1px solid rgb(255,255,255);width:250px;height:250px;background-color:#301212ae}.Projects-Items-Container{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.center-circle{width:150px;height:150px;border:1px solid rgba(255,255,255,.37);border-radius:50%}.orbit-item{position:absolute;display:flex;justify-content:center;align-items:center;top:50%;left:50%;transform-origin:0 100px;margin-left:-0px;margin-top:-100px;animation:orbit-clockwise 8s linear infinite}.Projects-Items-Container:hover .orbit-item,.Projects-Items-Container:hover .orbit-item span{animation-play-state:paused}.orbit-item span{display:block;font-size:15px;padding:5px;display:flex;justify-content:center;align-items:center;color:#fff;background-color:#1a1a1a;border:2px solid #4d0000;border-radius:40px;box-shadow:0 0 5px red,0 0 10px #8d2d2da0;cursor:pointer;animation:orbit-counter 8s linear infinite;transition:scale .3s ease}.orbit-item span:hover{scale:1.1;background-color:#5e0101;border-color:#ff4d4d;box-shadow:0 0 10px #ff4d4d80}.i1{animation-delay:0s}.i2{animation-delay:2.5s}.i3{animation-delay:5.2s}.i2 span{animation-delay:2.5s}.i3 span{animation-delay:5.2s}@keyframes orbit-clockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes orbit-counter{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.Project-Description-Container{border:1px solid rgb(255,255,255);width:40vw;background-color:#301212ae}.Description-Missing-Message{font-size:18px;color:#fff;padding:10px}.Description-Title{font-size:17px;font-weight:900;margin:10px 0;color:#fff;padding:5px}.Description-Content{color:#fff;font-size:14px;padding:0 12px;margin-bottom:30px}.Project-Tech-Stack-Wrapper{display:flex;flex-direction:column;padding-top:10px}.Project-Tech-Stack-Header-Container{display:flex;flex-direction:row;justify-content:space-around;font-family:Courier New,Courier,monospace;font-size:13px;color:#be4a4a;border-top:1px solid white}.Project-Tech-Stack-Container{display:flex;justify-content:space-around;flex-direction:row;max-height:200px}.Project-Tech-Stack-Languages-Wrapper,.Project-Tech-Stack-Frameworks-Wrapper{border:1px solid rgb(98,13,13);border-radius:10px;margin-bottom:10px}.Project-Tech-Stack-Languages,.Project-Tech-Stack-Frameworks{padding:5px 10px;margin:8px;border:1px solid red;border-radius:20px;color:#fff;font-family:Fira Code,monospace;font-size:10px;text-align:center}.Coming-Soon-Wrapper{background-color:#000;height:80vh;padding-top:20vh}.Back-Button-Container{position:absolute}.Back-Button{text-decoration:none;position:fixed;top:80px;left:20px;width:50px;height:30px;display:inline-flex;align-items:center;padding-left:15px;font-weight:700;font-size:30px;color:#ff4d4d;background-color:#1a1a1a;border:2px solid #4d0000;border-radius:8px;transition:all .3s ease;cursor:pointer}.Back-Button:hover{background-color:#300;border-color:#ff4d4d;box-shadow:0 0 10px #ff4d4d80}.Coming-Soon-Content-Wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;height:70vh}.Coming-Soon-Header{font-size:30px;color:#fff}.Coming-Soon-Content{font-size:20px;color:#fff}
