@import"https://fonts.googleapis.com/css2?family=Bruno+Ace+SC&display=swap";@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@900&display=swap";html,body,#root,.app{height:100%;width:100%;margin:0;padding:0;font-family:Roboto,sans-serif;font-size:16px;color:#f5f5f7;background:#000;overflow-x:hidden}.topbar{height:0px;width:100%;box-shadow:0 0 65px 28px #000064;position:fixed;top:0;left:0;z-index:10}.bottombar{height:0px;width:100%;box-shadow:0 0 65px 28px #000064;position:fixed;bottom:0;left:0;z-index:10}.divider{height:0;border:2px solid #f5f5f7;margin-top:15px;margin-bottom:15px;width:100%}p{margin:0 0 10px;padding:0}button{height:35px;width:100px;color:#f5f5f7;background:none;border:2px solid white;border-radius:12px;cursor:pointer}button:hover{background-color:#f0f0f026;transform:scale(1.05)}.overlay{position:fixed;top:0;left:0;z-index:9;height:100%;width:100%;background:rgba(0,0,0,1);display:flex;flex-direction:column;justify-content:center;align-items:center}.overlay p{font-family:Orbitron,sans-serif;font-size:30px;margin-top:0;margin-bottom:30px;color:#f5f5f7}.loader{border:16px solid rgba(0,0,255,.3);border-radius:50%;border-top:16px solid #000064;width:70px;height:70px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app{display:flex;flex-direction:column;justify-content:center;align-items:center}.header{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:0 1rem;box-sizing:border-box}.social-images{display:flex;flex-direction:row;justify-content:center;align-items:center;width:40%;margin-top:70px}.social-images img{height:68px;margin:10px}.social-images img:hover{transform:scale(1.1);cursor:pointer}.header-images img{height:90px;margin:15px 10px 10px}.header p{font-family:Bruno Ace SC,cursive;font-size:25px;margin-top:15px;margin-bottom:15px;width:40%;text-align:center}.content{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:40px;width:95%}.section-header{font-family:Orbitron,sans-serif;font-size:50px;margin-top:20px;margin-bottom:10px;text-align:center;letter-spacing:3px}.projectsContainer{display:flex;flex-wrap:wrap;justify-content:center;width:75%;margin-top:20px;margin-bottom:20px}.project{display:flex;flex-direction:column;align-items:center;width:min-content;height:auto;margin:40px}.project h1{font-family:Bruno Ace SC,cursive;font-size:28px;margin-top:0;margin-bottom:20px;text-align:center}.project img{height:300px;margin-top:10px;margin-bottom:10px;border-radius:18px;box-shadow:0 0 20px -1px #f5f5f780;cursor:pointer}.project img:hover{transform:scale(1.05);cursor:pointer}.project p{font-family:Orbitron,sans-serif;font-size:18px;margin-top:10px;margin-bottom:0;text-align:center;height:80px}.projectInfoContainer{display:flex;flex-direction:row;justify-content:center;align-items:center}.projectInfoContainer img{height:48px;margin:0 5px;box-shadow:none}.projectInfoContainer img:hover{cursor:pointer}#toolsImage{height:240px}.experienceContainer{display:flex;flex-wrap:wrap;justify-content:center;width:80%;margin-top:20px;margin-bottom:30px}.experience{display:flex;flex-direction:column;justify-content:center;align-items:center;width:460px;margin:20px;padding-bottom:20px;box-shadow:0 0 20px -1px #f5f5f780;border-radius:25px}.experienceHeader{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:17px}.experienceHeader img{height:80px;margin-left:10px}.experienceBody{display:flex;flex-direction:column;justify-content:center;width:80%}.experienceBody p{font-family:Orbitron,sans-serif;font-size:16px;margin-top:6px;margin-bottom:6px;text-align:justify}.resume{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-bottom:20px}.resume button{height:48px;width:auto;padding:0 20px;font-size:18px;margin:0 20px;border-radius:12px;border:none;box-shadow:0 0 20px -1px #f5f5f780;background:none;cursor:pointer;font-family:Orbitron,sans-serif}.galleryContainer{display:flex;flex-direction:row;justify-content:center;align-items:center;width:90%;margin-top:20px;margin-bottom:100px}.galleryControls{display:flex;flex-direction:row;justify-content:center;align-items:center;width:auto}.galleryControls button{height:48px;width:48px;margin:0 20px;border-radius:50%;border:2px solid white;background:none;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center}.galleryControls button:hover{background-color:#f0f0f026;transform:scale(1.05)}.galleryControls button:active{background-color:#f0f0f040;transform:scale(1.1)}.galleryControls img{height:32px;margin:0 10px}.viewerContainer{display:flex;flex-direction:column;justify-content:center;align-items:center}.photoViewer{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:700px;max-width:700px;overflow:hidden;height:400px;margin-top:20px;margin-bottom:20px;border-radius:25px;box-shadow:0 0 30px -1px #f5f5f780;background-color:#0000644d}.photoMetadata{text-align:center}.photoViewer img{height:400px;border-radius:25px}.aboutMeContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;width:47%;margin-top:20px;margin-bottom:100px}.aboutMeContainer p{font-family:Orbitron,sans-serif;font-size:18px;margin-top:6px;margin-bottom:16px;text-align:center;line-height:1.6}@media only screen and (max-width: 1000px){.header{width:80%}.header-images img{height:80px}.header p{font-size:22px;width:100%}.content,.projectsContainer{width:95%}.project{margin:20px 20px 30px}.project img{height:260px}#toolsImage{height:200px}.projectInfoContainer img{height:48px;margin:20px 5px 0;box-shadow:none}.experienceContainer{width:100%}.experience{width:380px}.experienceBody{width:95%}.experienceHeader h1{font-size:22px}.experienceHeader img{height:60px}.aboutMeContainer{width:80%}}@media only screen and (max-width: 600px){.header{width:98%}.social-images img,.header-images img{height:42px;margin:6px}.header p{font-size:17px;width:85%;margin-top:10px}.section-header{font-size:42px}.project img{height:220px}#toolsImage{height:150px}.project p{font-size:15px;height:75px}.projectInfoContainer img{height:42px;margin:5px}.experienceBody{display:flex;flex-direction:column;justify-content:center;width:auto}.experienceBody p{font-size:13px;text-align:justify}.galleryContainer{width:95%}.galleryControls button{height:28px;width:28px;margin:8px}.galleryControls img{height:20px;margin:6px}.photoViewer{min-width:330px;max-width:330px;height:270px}.photoViewer img{height:270px}.aboutMeContainer{width:85%}.aboutMeContainer p{font-size:16px}}