@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;700&family=Inter:wght@400;500;700&family=Montserrat:wght@700&family=Roboto:wght@400;500;700&display=swap";.side-buttons{display:flex;flex-direction:column;align-items:center;position:fixed;right:0;bottom:0;margin:1rem}.side-buttons a{font-size:2rem;padding:0;margin-block:.5rem;cursor:pointer;transition:.3s ease-in-out all}.side-buttons a:hover{transform:rotate(360deg)}.side-buttons dialog{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;min-width:10rem;min-height:10rem;border:transparent;outline:none;padding:1rem}*{padding:0;margin:0;box-sizing:border-box;font-family:Roboto,"Sans-Serif"}:root{--background: #000;--text: #000}body{min-height:100dvh;color:var(--text)}#root{min-height:100dvh;background-image:url(/assets/background3-530089b7.jpg);background-size:cover;background-position:center}.btn{background:transparent;border:transparent;margin:1rem;cursor:pointer;align-self:center;font-size:1.1rem;text-transform:uppercase;letter-spacing:.1rem;padding:.4rem .6rem;border-radius:4px;text-decoration:none}.btn-outline{border:.1rem solid black;color:#000;transition:.2s ease-in-out;position:relative}.btn-outline:hover{background:#453bcd;opacity:.8;letter-spacing:.15rem;font-weight:500}.navbar{display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;z-index:30;width:100%;padding-block:1rem}.navbar.active-navbar{background:white}.navbar-container{display:flex;align-items:center;justify-content:space-between;margin-inline:auto;width:83.333%}.navbar-wrapper{display:flex;align-items:center;justify-content:space-between;width:100%;gap:4rem}.navbar-medium{display:flex;align-items:center;justify-content:space-between}.navbar-md-links{display:flex;align-items:center;justify-content:space-between;gap:2rem;font-size:1.2rem;line-height:1.25rem}.mobile-menu{height:100%;position:fixed;right:0;bottom:0;z-index:40;width:300px;background:white}.icon-menu{display:flex;justify-content:flex-end;padding:3rem}.side-menu{margin-left:33%;display:flex;flex-direction:column;gap:2.5rem;font-size:1.5rem;line-height:2rem}.anchor-link{color:#000;transition:.3s ease-in-out;cursor:pointer;text-decoration:none}.anchor-link:hover{color:#453bcd}#home{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding-top:4rem}#home .content{display:flex;flex-wrap:wrap;flex:1;justify-content:center;align-items:center;padding:1rem;gap:3rem}#home .content .left-col{display:flex;flex-direction:column;justify-content:center;max-width:30rem;min-height:10rem}.left-col p{padding-block:1rem;line-height:1.5rem}#home .content .left-col h1 span{color:#453bcd}.right-col{border-radius:50% 25%;border:.5rem solid black;z-index:1;overflow:hidden}#home .content .right-col img{height:20rem;animation:image 3s ease-in-out infinite;z-index:-1;transform:translateY(1rem)}#home h1{font-size:2.5rem;font-weight:500;letter-spacing:.15rem}#home h2{position:relative;font-size:3.5rem;font-weight:500;letter-spacing:.15rem}#text-animation{-webkit-text-stroke:.1rem black;color:transparent}#home #text-animation:before{content:attr(data-text);position:absolute;top:0;left:0;width:0;height:100%;color:#000;-webkit-text-stroke:0rem transparent;overflow:hidden;animation:animate 5s linear infinite}@keyframes animate{0%,10%,to{width:0}70%,90%{width:100%}}@keyframes image{0%{transform:translateY(1rem)}50%{transform:translateY(1.5rem)}to{transform:translateY(1rem)}}#aboutme{margin-inline:auto;min-height:100dvh;width:60%;padding-block:5rem}.aboutMe-content{display:flex;flex:1;flex-direction:column}.aboutMe-content h1{padding-bottom:2rem}.aboutMe-content h3{padding-top:5rem;padding-bottom:2rem}.aboutMe-content p{line-height:1.5rem}.stack-icons img{padding:.4rem}#projects{margin-inline:auto;min-height:100%;width:60%;padding-block:5rem}.projects-header{margin-block:1.25rem;margin-inline:2rem}.projects-header p{margin-block:1.25rem;font-size:.875rem;line-height:1.25rem}.projects-body{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:2rem;margin-top:1.25rem}.project{margin-top:1.25rem;border-radius:.375rem;border:3px solid rgba(164,161,155,.36);text-align:center;padding-bottom:2rem;background:#f2f2f2}.project-image{display:flex;justify-content:center;margin-bottom:1rem}.project-image img{width:100%;border-radius:.375rem .375rem 0 0}.project-body h4{font-size:1.25rem;padding-bottom:1rem;letter-spacing:.2rem}.project-body p{padding-bottom:1rem;padding-inline:1rem}.project-body{display:flex;flex-direction:column;align-items:center}.project-body a{text-decoration:none;border:2px solid #453bcd;padding:.3rem .875rem;border-radius:.2rem;color:#453bcd;display:flex;width:max-content;align-items:center;gap:.5rem;opacity:1;transition:all}#contactme{margin-inline:auto;min-height:100dvh;width:60%;padding-block:5rem;display:flex;flex-direction:column;align-items:center;justify-content:center}#contactme h1{padding-bottom:2rem}.contactMe-form{display:flex;flex-direction:column;gap:1rem;align-items:center}.contactMe-form input{width:100%;outline:none;border:2px solid #aaa;border-radius:4px;margin:8px 0;padding:8px;transition:.3s}.contactMe-form input[type=text]:focus{border-color:#1e90ff;box-shadow:0 0 8px #1e90ff}.contactMe-form textarea{width:100%;outline:none;border:2px solid #aaa;border-radius:4px;margin:8px 0;padding:8px;transition:.3s}.contactMe-form textarea[itemType=text]:focus{border-color:#1e90ff;box-shadow:0 0 8px #1e90ff}.contactMe-form button{font-weight:700;background:#453bcd;padding:10px 20px;color:#fff;border-radius:5px;box-shadow:0 0 10px rgba(0 0 0 .1);border:none;outline:none;-webkit-transform-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow,transform;transition-property:box-shadow,transform}.contactMe-form button:hover,.contactMe-form button:focus,.contactMe-form button:active{box-shadow:0 0 20px rgba(0 0 0 .5);transform:scale(1.1)}