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;font-family:Montserrat;overflow:hidden}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;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}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@font-face{font-family:Montserrat;src:local("Montserrat Regular"),url(/assets/Montserrat-VariableFont_wght-ItNqwVeT.ttf) format("truetype"),local("Montserrat Italic"),url(/assets/Montserrat-Italic-VariableFont_wght-xX1Kg6yd.ttf) format("truetype");font-weight:100 1000}.about{opacity:0;transform:translateY(400px);transition:opacity .5s ease,transform 2s ease;height:80vh}.about.about-visible{opacity:1;transform:translateY(0)}.container-vertical{display:flex;flex-direction:column}.container-about{display:flex;flex-flow:row wrap;justify-content:flex-end}.item1{order:2;flex:3;padding:2% 10% 2% 2%;justify-content:center}.item2{order:0;flex:5;margin:auto;padding:2%}.myimg img{width:80%;height:auto;max-width:600px;display:block;border:5px solid #555;margin:0 auto}@media screen and (max-width: 800px){.container-about{flex-direction:column;align-items:center}.item1{max-width:60%;padding:auto;padding-right:0%}.about{padding-top:20%;height:120vh}}.exp-container{opacity:0;transform:translateY(400px);transition:opacity .5s ease,transform 2s ease;height:auto;margin-left:10%;margin-right:10%}.exp-container.visible{opacity:1;transform:translateY(0)}.vertical-tabs{display:flex;flex-direction:column;align-content:flex-end;margin-right:20px;flex-grow:1;min-width:150px;margin-top:3%;right:60%}@media screen and (max-width: 800px){.vertical-tabs{width:60%}}.tab-button{padding:10px 20px;background-color:transparent;border:none;cursor:pointer;text-align:left;width:100%;height:40px;display:flex;font-weight:400;color:#fff;font-size:larger}.tab-button.active{background-color:#c4f1f4;color:#000;font-weight:700}.tab-button.hover{background-color:#8ab0b3}.styledTabPanels{width:60%;height:80%;padding:10px 5px;margin-left:7%}@media screen and (max-width: 800px){.styledTabPanels{width:100%;margin-left:0}}.content{text-align:left}.experiencePoint{margin-bottom:1%}.styledTabPanel h3{margin-bottom:2px;font-size:1.5rem;font-weight:500}.styledTabPanel p{margin:0}.inner{display:flex;margin:auto;padding:auto;width:100%;justify-content:center}@media (max-width: 800px){.inner{flex-direction:column;align-items:center;justify-content:center}}.test-container{height:100vh;align-items:center;justify-content:center;overflow:visible;margin-right:20%;margin-top:-10%}@media screen and (max-width: 500px){.test-container{transform:scale(1);margin-right:0}}.intro-container{display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:1fr;height:100vh;padding-top:1%}.intro-left{grid-column:1 / span 7;grid-row:1;z-index:1;overflow:visible}.intro-right{grid-row:1;z-index:2;grid-column:6 / 11;min-width:0}.intro{padding-top:12%;font-family:Montserrat,sans-serif;font-weight:400}.name{font-size:3.4rem;font-variation-settings:"wght" 450;margin-top:-6%;margin-bottom:-3%}.hello{font-family:Courier New,Courier,monospace;font-size:larger;margin-right:24.8%;color:#eee5e5}.text-container{padding-left:10%}@media screen and (max-width: 1000px){.intro-left{grid-column:1 / 11}}@media screen and (max-width: 500px){.intro-right{grid-column:1 / 11;margin-top:30%}.intro-left{grid-column:1 / span 11;margin-top:-20%;transform:scale(1)}}.projects{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;height:100vh;opacity:0;transform:translateY(400px);transition:opacity .5s ease,transform 2s ease;height:300vh}.projects.visible{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;height:300vh;opacity:1;transform:translateY(0)}body{margin:0;font-family:Arial,sans-serif;background:#f4f4f4}.container{display:flex;flex-wrap:wrap;justify-content:space-around;gap:16px;padding:16px}.card{background:#333;color:#fff;border-radius:8px;padding:16px;box-shadow:0 4px 8px #0000001a;margin-bottom:16px}.card{flex:0 1 calc(50% - 32px)}.card h2{font-size:1.5rem;margin:0 0 16px}.card p{font-size:.9rem}.technologies{padding-top:16px}.technologies span{background:#555;padding:4px 8px;border-radius:4px;margin-right:8px}@media (min-width: 768px){.card{flex:0 1 calc(33.333% - 32px)}.projects.visible,.projects{height:100vh}}@media (min-width: 992px){.card{flex:0 1 calc(33.333% - 32px)}}@media (min-width: 1200px){.card{flex:0 1 calc(25% - 32px)}}.footer{padding:200px;text-align:center}.footer p{color:#888;font-size:14px;margin:0}.footer a{color:#555;text-decoration:none}.footer a:hover{text-decoration:underline}.contact{height:50vh}.contact-links{display:flex;flex-direction:row;justify-content:center}.contact-link{color:#000;margin:0 10px}.contact-link:hover{color:#c4f1f4;transform:scale(1.1);transition:color .3s ease-in-out,transform .3s ease-in-out}.site-header{position:fixed;width:100%;top:0;left:0;transition:transform .3s ease-in-out;z-index:1000}.hide{transform:translateY(-100%)}.header-container{display:flex;justify-content:space-between;align-items:center;padding:10px 10% 0}.site-header h1{margin:0}nav ul{list-style:none;padding:0;margin:0;display:flex}nav ul li{padding:0 10px}nav ul li a{color:#fff;text-decoration:none;font-size:1rem}nav ul li a:hover{text-decoration:underline}.home{background-image:linear-gradient(180deg,#0a233a,#00698c);color:#fff;display:flex;flex-flow:column}.home-items{flex:1}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner{width:50px;height:50px;border:10px solid #f3f3f3;border-top:10px solid #383636;border-radius:50%;animation:spinner 1.5s linear infinite}.spinner-container{display:flex;justify-content:center;align-items:center;height:100vh}