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;background-color:#474747;color:#fff}#root{overflow-x:hidden}#titleCard{width:100%;height:30%;margin-top:5vh;display:flex;justify-content:center;align-items:center;background-color:#55555549}#titleCard span{width:100%;height:100%;display:flex;justify-content:center;align-items:center}#titleCard .right{flex-direction:column;padding:1em;text-align:center}#titleCard .right p,#titleCard .right h3{margin:0}.avatar{width:80%;max-width:13em;margin:5em;border-radius:1em;object-fit:cover;aspect-ratio:1/1;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}#about-container{padding:1em;text-align:center;font-size:1.3em;background-color:#7f7f7f66}.about-title{color:#47474766;font-size:13vw;font-weight:700;z-index:10;user-select:none;-moz-user-select:none;-webkit-user-select:none}#projects-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1em}.projects-title{color:#7f7f7f66;font-size:13vw;font-weight:700;z-index:10;user-select:none;-moz-user-select:none;-webkit-user-select:none}footer{width:100vw;display:flex;justify-content:center;align-items:center;padding:.3em;user-select:none;-moz-user-select:none;-webkit-user-select:none}#navBar{position:fixed;top:0;width:100vw;height:5vh;display:flex;align-items:center;background-color:#82828280;backdrop-filter:blur(1em);z-index:100;user-select:none;-moz-user-select:none;-webkit-user-select:none}#navBar span{margin:.5em;padding:.5em;font-size:1.2em;cursor:pointer}#navBar .title{font-weight:700}.carousel-container{position:relative;overflow:hidden;touch-action:pan-y;width:100vw;height:45vh}.carousel-wrapper{display:flex;transition:transform .5s ease;width:100%;height:100%;cursor:pointer}.carousel-project-title{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fdfdfd80;font-size:3em;backdrop-filter:blur(1em);text-align:center;border-radius:.3em;padding:.2em;z-index:10;user-select:none;-moz-user-select:none;-webkit-user-select:none}.carousel-project-stack{position:absolute;margin:1em;background-color:transparent;backdrop-filter:blur(1em);text-align:center;border-radius:.3em;padding:.2em;z-index:9;user-select:none;-moz-user-select:none;-webkit-user-select:none}.carousel-project-stack img{width:50%;filter:contrast(10%);-webkit-user-drag:none;-webkit-touch-callout:none}.carousel-image{flex:0 0 100%;object-fit:cover;object-position:center;width:100%;height:100%;-webkit-user-drag:none;-webkit-touch-callout:none}.carousel-button{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff4d;backdrop-filter:blur(5em);color:#000;border:none;font-size:2rem;cursor:pointer;padding:1rem}.carousel-button.prev{left:0;border-radius:0 .5em .5em 0}.carousel-button.next{right:0;border-radius:.5em 0 0 .5em}