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,body,html{font-family:Arial,sans-serif;height:100%;margin:0;padding:0}.App{background-color:#fff;color:#333;display:flex;flex-direction:column;min-height:100vh}.App.dark-mode{background-color:#1e1e1e;color:#fff}.App-content{box-sizing:border-box;flex:1 1;overflow-y:auto}.header-container{align-items:center;background-color:#fff;display:flex;justify-content:space-between;padding:10px;position:fixed;width:100%;z-index:1000}.dark-mode{background-color:#000}.toggle-button{transition:transform .3s ease}.toggle-button:hover{transform:scale(1.2)}.section-buttons{display:flex;justify-content:flex-end;margin-right:2%}.section-button{background-color:initial;border:none;border-radius:5px;color:#000;cursor:pointer;font-size:13px;font-weight:700;margin-left:10px;padding:15px}.section-button.active{transition:background-color .3s ease,color .1s ease}.section-button.active,.section-button:hover{background-color:#6bb3ff;color:#fff}.header-container.dark-mode .section-button{color:#fff}.header-container.dark-mode .section-button:hover{background-color:#7d7d7e}.header-container.dark-mode .section-button.active{background-color:#8c8c8c;transition:background-color .3s ease,color .1s ease}@media screen and (max-width:768px){.toggle-button{font-size:2vw}.section-buttons{display:none}}.animated-border-link{animation:animatedText 8s linear infinite;background-clip:text;-webkit-background-clip:text;background-color:#ffbf00cc;background-image:linear-gradient(270deg,#ffbf00,#ff6f61,#ff1493,#6a5acd,#00bcd4,#00e676,#8bc34a,#00ffea,#ffbf00);background-size:1000% 1000%;color:#0000;font-weight:100;margin-top:49pt;padding:8px 16px;position:relative;text-align:start;text-shadow:0 0 12px #ffbf00cc;z-index:0}@keyframes animatedText{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.toggle-button{background-color:initial;border:none;color:#000;cursor:pointer;font-size:16px;padding:5px 10px;transition:color .3s ease}.toggle-button:hover{text-decoration:underline}.toggle-button.dark-mode{color:#fff}.toggle-icon{font-size:25px;margin-right:5px;transition:transform .3s ease}.toggle-icon.dark-mode{transform:rotate(180deg)}.footer{font-family:Arial,sans-serif;height:auto;padding:0}.light-mode .footer{background-color:#f1f1f1ec;color:#000}.dark-mode .footer{background-color:#8e8e8e;color:#fff}.contact-and-info{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px;width:100%}.contact-form{width:45%}.contact-form h3{font-size:35px;margin:1%;padding:1%}.contact-form h2{font-size:15px;font-weight:lighter;margin:auto auto auto 1.5%;padding:1%}.contact-form form{align-items:center;display:flex;flex-direction:column}.contact-form input,.contact-form textarea{border:1px solid #ccc;border-radius:5px;font-size:15px;margin-bottom:3%;padding:1rem;width:90%}.contact-form button{background-color:#8ebcec;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:large;padding:4%}.contact-form button:hover{background-color:#007bff}.info-section{width:45%}.info-section>div{margin-bottom:10px}.info-section h3{font-size:35px;margin:1%;padding:1%}.info-section p{font-size:20px}.social-buttons{align-items:center;justify-content:space-around}.social-buttons a{margin:0 5px}.social-buttons img{width:40px}.footer p{font-size:medium;font-weight:lighter;text-align:center;width:100%}.contact-form textarea.message{height:10rem}@media only screen and (max-width:800px){.contact-and-info{align-items:center;flex-direction:column}.contact-form h3,.info-section h3{font-size:20px}.contact-form,.info-section{margin-bottom:20px;width:90%}}.home{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.home-container{display:flex;margin-top:100px;max-width:100%;padding-right:5%;width:100%}.home-info{padding-left:5%;text-align:justify}.hello-text{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;position:relative}.wave-hand{animation:wave 1s infinite alternate;cursor:pointer;display:inline-block;position:relative;transform-origin:bottom}@keyframes wave{0%,to{transform:scale(1) rotate(0deg)}25%{transform:scale(1.2) rotate(20deg)}50%{transform:scale(1) rotate(0deg)}75%{transform:scale(1.2) rotate(-20deg)}}.popup{background-color:#ffffff3b;border-radius:5px;box-shadow:0 2px 5px #0003;left:50%;padding:10px;position:fixed;top:4%;transform:translate(-50%,-50%)}.popup p{color:#000;font-weight:lighter;margin:0}.home h1{font-size:2.9rem;font-weight:700;margin:0}.home p{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;margin-top:0}.home-typing-effect{animation:typing 15s linear infinite,blink-caret .5s infinite alternate;border-right:2px solid #0000;color:blue;font-size:1.5rem;height:2rem;line-height:2rem;min-height:2rem;overflow:hidden;white-space:nowrap}@keyframes typing{0%,to{width:0}50%{width:100%}}@keyframes blink-caret{0%,to{border-color:#0000}50%{border-color:#fff0}}.home h2{color:#fff}.home h2,.home.light-mode h2{font-size:1.5rem;font-weight:lighter}.home.light-mode h2{color:#000}.image-container{align-items:flex-start;display:flex;flex-direction:column}.social-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-evenly;margin-top:0}.social-buttons a{color:inherit;font-size:30px;margin-right:1px;transition:transform .2s ease-in-out}.social-buttons a:hover{transform:scale(1.2)}.social-buttons a:last-child{margin-right:0}.social-buttons a img{display:block;height:40px;width:40px}.resume-button{margin-top:25px;text-align:left}.resume-button button{background-color:#8ebcec;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin:1%;padding:15px 30px}.home.dark-mode .resume-button button{background-color:rgba(0,0,0,.596);border:1px solid #fff;color:#fff}.resume-button button:hover{background-color:#007bff;transform:scale(1.1)}.home.dark-mode .resume-button button:hover{background-color:#fff;border:1px solid #000;color:#000}.developer-image{height:auto;max-width:100%}@media only screen and (max-width:800px){.home.light-mode{background-color:#00fffb98;background-image:none!important}.home.dark-mode{background-color:#353535e3;background-image:none!important}.home-container{display:block;margin-top:24px;padding-left:2%;padding-right:2%;width:95%}.home-info{display:flex;flex-direction:column;gap:8px;margin-top:0;max-width:100%;padding-left:1%;padding-right:1%;text-align:left}.hello-text{align-items:flex-start;flex-direction:column}.home h1{font-size:6vw;line-height:1.2;margin-bottom:0;max-width:92%;text-align:justify}.home p{color:#fff0;max-width:96%}.home .home-typing-effect{font-size:3.2vw;height:1.25rem;line-height:1.25rem;min-height:1.25rem}.home h2,.home.light-mode h2{font-size:.95rem;font-weight:300;margin-top:0;text-align:justify}.social-buttons{gap:8px;justify-content:flex-start;margin-top:4px}.social-buttons a img{height:20px;margin-right:8px;width:20px}.resume-button button{font-size:14px;padding:6px 14px}.image-container{display:none}}.resume-popup{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999}.resume-popup,.resume-popup-content{align-items:center;display:flex;justify-content:center}.resume-popup-content{background-color:#ffffff38;border-radius:20px;flex-direction:column;height:90%;max-height:90%;max-width:90%;overflow-y:auto;position:relative;width:90%}.close-button{background-color:initial;border:none;color:#0df;cursor:pointer;font-size:14px;position:absolute;right:1px;top:1px}.close-button:hover{color:red}iframe{border:none;height:100%;width:100%}@media only screen and (max-width:600px){.resume-popup-content{padding:10px}}
/*# sourceMappingURL=main.4109bd11.css.map*/