@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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}:root{--scale-factor:1;--background-light1:#cae7ff;--background-light2:#fff;--background-dark1:#2c2c2c;--background-dark2:#141414;--text-light:#000;--text-dark:#fff;--accent:#228b22;--accent-dark:#35d835;--border-light:#666;--border-dark:#fff}.App{background:linear-gradient(-45deg,#cae7ff,#fff,#cae7ff,#fff,#cae7ff,#fff,#cae7ff,#fff);background:linear-gradient(-45deg,var(--background-light1),var(--background-light2),var(--background-light1),var(--background-light2),var(--background-light1),var(--background-light2),var(--background-light1),var(--background-light2));background-size:400% 400%}.App,.App.dark{align-items:center;animation:bg 12s ease infinite;display:flex;flex-direction:column;flex-grow:1;font-family:Poppins;justify-content:center;margin:0;min-height:100vh;z-index:-1}.App.dark{background:linear-gradient(-45deg,#2c2c2c,#141414,#2c2c2c,#141414,#2c2c2c,#141414,#2c2c2c,#141414);background:linear-gradient(-45deg,var(--background-dark1),var(--background-dark2),var(--background-dark1),var(--background-dark2),var(--background-dark1),var(--background-dark2),var(--background-dark1),var(--background-dark2));background-size:400% 400%}.App.dark,.App.dark #learnMoreButton{color:#fff;color:var(--text-dark)}.App.dark .modalContent{background:#141414;background:var(--background-dark2)}.App.dark #selected,.App.dark .greenText{color:#35d835;color:var(--accent-dark)}.App.dark .smallFont{color:#b6b6b6}.App.dark .mainProjectContainer:hover #learnMoreButton{border-color:#35d835;border-color:var(--accent-dark);color:#35d835;color:var(--accent-dark);cursor:pointer}.App.dark .closeButton:hover{color:#35d835;color:var(--accent-dark)}@keyframes bg{0%{background-position:0 50%}50%{background-position:100% 100%}to{background-position:0 50%}}.main{display:flex;flex-direction:row}.main,.sidebar{flex:1 1}.mainBody{display:flex;flex-direction:column;gap:clamp(1rem,2%,2%);height:-webkit-fit-content;height:fit-content;padding-top:clamp(1rem,2%,2%)}.banner,.mainBody{align-items:center}.banner{height:clamp(20vmin,30vh,40vmin);justify-content:center;overflow-x:hidden;position:relative;text-align:center;width:100%}.banner .slider{animation:autoRun 30s linear infinite;height:clamp(50px,15vmin,90px);left:calc(50% - clamp(80px, 15vmin, 90px)/2);position:absolute;top:25%;transform:perspective(2000px) rotateX(-16deg);transform-style:preserve-3d;width:clamp(50px,15vmin,90px)}@keyframes autoRun{0%{transform:perspective(2000px) rotateX(0deg) rotateY(0deg)}to{transform:perspective(2000px) rotateX(0deg) rotateY(1turn)}}.banner .slider .carouselCard{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#fff0);border:3px solid #ffffff2e;border-radius:10px;box-shadow:0 8px 32px 0 #0000005e;display:flex;flex-direction:column;inset:0 0 0 0;justify-content:center;position:absolute;text-align:center;transform:rotateY(calc((var(--position) - 1)*(360/var(--quantity))*1deg)) translateZ(clamp(300px,50vw,650px))}.banner .slider .carouselCard .content{align-items:center;height:100%;justify-content:center;object-fit:cover;text-align:center;width:100%}.banner .slider .carouselCard .content img{align-items:center;height:90%;justify-content:center;margin:5%;width:90%}.banner .slider .carouselCard .content p{font-size:clamp(.5rem,2vw,.8rem);margin:0;text-align:center;white-space:nowrap}@media (max-width:480px){.banner .slider .carouselCard .content p{white-space:normal}}html{font-size:clamp(6px,1vw,12px)}.homeContainer{flex-direction:column;width:100%}.aboutMe,.homeContainer{display:flex;justify-content:center}.aboutMe{flex-direction:row}.mainHeaderContainer{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#fff0);border:3px solid #ffffff2e;border-radius:10px;box-shadow:0 8px 32px 0 #0000005e;margin-left:2em;transition:transform .5s;width:min(65%,850px)}.card{margin:1em;overflow-wrap:break-word;text-align:center}#profilePhoto{border-radius:50%;height:12rem}.greenText{color:#228b22;display:inline}.mediumFont{word-wrap:break-word;font-size:clamp(1.5rem,4vmin,3rem);font-weight:3;margin:0}#name{text-decoration:underline}#oneLiner{align-items:center;margin:0 auto;width:min(40rem,70%)}.largeFont{font-size:clamp(2rem,5vmin,4rem);font-weight:700}.largeFont,.normalFont{word-wrap:break-word;margin:0}.normalFont{font-size:clamp(1rem,2vmin,1.67rem);font-weight:3}.bold{font-weight:700}.loaderCard{background-color:var(--bg-color);border-radius:1.25rem;padding:1rem 2rem}.loader{border-radius:8px;box-sizing:initial;display:flex;height:clamp(3.3rem,5vmin,5.5rem);justify-content:center;padding:1rem}.words{overflow:hidden;position:relative}.words:after{background:linear-gradient(var(--bg-color) 10%,#0000 30%,#0000 70%,var(--bg-color) 90%);content:"";inset:0;position:absolute;z-index:20}.word{animation:spin 8s infinite;display:block;height:auto;padding-left:6px}@keyframes spin{0%{transform:translateY(0)}20%{transform:translateY(-100%)}40%{transform:translateY(-200%)}60%{transform:translateY(-300%)}80%{transform:translateY(-400%)}to{transform:translateY(-500%)}}@media (max-width:480px){.loader{height:4.1rem}@keyframes spin{0%{transform:translateY(0)}20%{transform:translateY(-100%)}40%{transform:translateY(-200%)}60%{transform:translateY(-300%)}80%{transform:translateY(-400%)}to{transform:translateY(-500%)}}}@media (max-width:379px){.loader{height:3.1rem}}.sidebarContainer{display:flex;flex-direction:column;left:2%;position:fixed;top:5%;width:auto;z-index:10}.sidebarHeader{font-size:clamp(1rem,2.5vw,1.67rem);font-weight:700;margin:0;padding-bottom:5px}#selected{color:#228b22}.sidebarIcons{display:flex;flex-direction:column}.sidebarIcons .sidebarIcon{height:3rem;margin:0;padding-bottom:5px;padding-right:10px}.smallFont{color:#666;font-size:1rem}.mainProjectContainer{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#fff0);border:3px solid #ffffff2e;border-radius:10px;box-shadow:0 8px 32px 0 #0000005e;margin:3%;transition:transform .5s;width:min(40%,400px)}.mainProjectContainer,.projectCard{align-items:center;display:flex;flex-direction:column}.projectCard{justify-content:space-between;margin:1em;overflow-wrap:break-word;text-align:center;width:100%}.projectImage{border-radius:5%;max-height:60%;object-fit:cover;width:80%}.projectCard p{margin:.5em 0}.allProjectsContainer{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;width:min(65%,850px)}#learnMoreButton{border:solid #666;border-radius:8px;color:#666;display:inline-block;margin-top:auto;padding:.25rem .5rem;text-decoration:none}#learnMoreButton:hover{color:#228b22}.projectCard:hover{cursor:pointer}.mainProjectContainer:hover #learnMoreButton{border-color:#228b22;color:#228b22;cursor:pointer}.modalOverlay{background:#000000b3;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modalContent,.modalOverlay{align-items:center;display:flex}.modalContent{background:#fff;border-radius:8px;box-shadow:0 8px 32px #00000080;flex-direction:column;height:80%;padding:2rem;position:relative;text-align:center;width:80%}.modalHeader{align-items:center;display:flex;flex-direction:row;gap:10%;height:auto;justify-content:center;width:90%}.titleKeywords{word-wrap:break-word;display:flex;flex-direction:column}.modalImage{border-radius:8px;height:36.5625vmin;margin-bottom:1rem;margin-top:1rem;width:65vmin}.closeButton{background:#0000;border:none;color:#666;cursor:pointer;font-size:1.5rem;position:absolute;right:1rem;top:1rem;transition:color .3s ease}.closeButton:hover{color:#228b22}.textContainer{display:flex;flex-direction:column;text-align:left}#problem{text-decoration:underline}.projectDetails{line-height:1.5;margin-top:1rem}hr{border:.5px solid #666;margin:1rem;width:100%}.projectLinks{color:#2286c4;margin-top:1rem;text-decoration:none}.projectLinks.dark{color:var(--accent-dark);font-size:1.2rem;text-decoration:none}.imageCarousel{border-radius:8px;height:auto;margin-bottom:1rem;margin-left:auto;perspective:500px;position:relative;transform-style:preserve-3d;width:100%}.card-container{filter:blur(calc(var(--abs-offset)*1rem));position:absolute;transform:rotateY(calc(var(--offset)*50deg)) scaleY(calc(1 + var(--abs-offset)*-.4)) translateZ(calc(var(--abs-offset)*-30rem)) translateX(calc(var(--direction)*-5rem))}.card-container,.imageCarouselCard{height:auto;transition:all .3s ease-out;width:100%}.imageCarouselCard{border-radius:8px;padding:0}.nav{align-items:center;background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;background:initial;border:initial;color:#666;display:flex;font-size:5rem;justify-content:center;position:absolute;top:50%;-webkit-user-select:none;user-select:none;z-index:2}.nav.left{transform:translateX(-65%) translateY(130%)}.nav.right{right:0;transform:translateX(65%) translateY(130%)}#leftArrow,#rightArrow{cursor:pointer;width:15%}.imageCarouselCard img{border-radius:8px;height:auto;object-fit:cover;width:100%}
/*# sourceMappingURL=main.23cbfcb5.css.map*/