@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@300;500;600;700&display=swap);:root{--dot-bg:#000;--dot-color:#fff;--dot-size:1px;--dot-space:22px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading{animation:spin .5s linear infinite;border:.25rem solid #fff3;border-radius:50%;border-top-color:#307fe2;height:20px;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);width:20px}.loading--double{border-style:double;border-width:.5rem}*{box-sizing:border-box;margin:0;padding:0}a{color:#fff}.error{color:red}.success{color:green}.rounded-blur{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(92,92,92,.321);border:1px solid #515050;border-radius:50px}.header{font-size:33px;margin-bottom:30px;text-align:center;text-transform:uppercase}body{background-color:#000;background-color:#e5e5f7;background-image:repeating-linear-gradient(90deg,#272727,#272727 1px,#000 0,#000);background-size:20px 20px;color:#fff;font-family:Quicksand,sans-serif}#root{flex-direction:column;height:100%;position:relative;width:100%}#root,nav.navbar{align-items:center;display:flex}nav.navbar{gap:50px;padding:5px 15px;position:-webkit-sticky;position:sticky;top:30px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:100}nav.navbar img{border-radius:50px;height:50px;margin-left:-5px;object-fit:cover;width:50px}nav.navbar div{align-items:center;display:flex;gap:10px}nav.navbar div .nav-link{background-color:#0000;border:none;color:gray;font-weight:600}nav.navbar div .nav-link:hover{color:#fff;cursor:pointer;transition:.3s ease}nav.navbar div .active{color:#fff}.container{gap:50px;height:100%;width:min(80%,800px)}.container,.container .homepage{align-items:center;display:flex;flex-direction:column}.container .homepage{gap:30px;margin-top:200px}.container .homepage img{border-radius:50%;height:200px;object-fit:cover;outline:10px solid rgba(92,92,92,.321);width:200px}.container .homepage .title-container{display:flex;gap:10px}.container .homepage .title-container .title{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:5px 10px}.container .homepage .title-container .title:nth-child(2){margin-left:10px}.container section.about-me p{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#d3d3d3;text-align:center}.container section.education{overflow:hidden;position:relative;width:100%}.container section.education .timeline-block{clear:both;display:flex;justify-content:space-between;width:calc(50% + 8px)}.container section.education .timeline-block-right{float:right}.container section.education .timeline-block-left{direction:rtl;float:left}.container section.education .marker{background:gray;border:2px solid #a9a9a9;border-radius:50%;height:16px;margin-top:10px;width:16px;z-index:9999}.container section.education .timeline-content{color:#fff;padding:0 15px;width:95%}.container section.education .timeline-content h3{font-size:25px;font-weight:500;margin-bottom:5px;margin-top:5px}.container section.education .timeline-content span{color:#a4a4a4;font-size:15px}.container section.education .timeline-content p{color:#888;font-size:14px;line-height:1.5em;word-spacing:1px}.container .skills .skills-container{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.container .skill-card{align-items:center;background-color:#1c1c1c;border:1px solid #d3d3d3;border-radius:50px;color:#d3d3d3;display:flex;gap:10px;justify-content:center;padding:5px 10px}.container .projects-container{display:flex;flex-direction:column;gap:20px}.container .projects-container .project-card{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(8.1px);background:#4545454a;border:1px solid #45454536;border-radius:16px;box-shadow:0 4px 30px #0000001a;display:flex;gap:20px;padding:20px}.container .projects-container .project-card img{border-radius:5px;height:100px;object-fit:cover;width:100px}.container .projects-container .project-card div div{display:flex;justify-content:space-between}.container .projects-container .project-card div div h1{font-size:20px}.container .projects-container .project-card div div div{display:flex;font-size:30px;gap:10px}.container .projects-container .project-card div ul{color:gray;display:flex;list-style:none}.container .projects-container .project-card div p{color:#d3d3d3;font-size:15px}.container section.contact{display:flex;justify-content:center;width:100%}.container section.contact form{display:flex;flex-direction:column;gap:15px;width:70%}.container section.contact form .form-group{align-items:center;display:flex;flex-direction:column;gap:5px;width:100%}.container section.contact form .form-group label{align-self:start;color:#888}.container section.contact form .form-group input{height:40px}.container section.contact form .form-group input,.container section.contact form .form-group textarea{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#1c1c1c;border:1px solid gray;border-radius:8px;color:#fff;width:100%}.container section.footer{background-color:#1c1c1c;padding:30px;width:100%}.container section.footer .footer-btm p{text-align:center}.container section.footer .footer-btm p:first-child{color:#6d6d6d;margin-top:20px}.container section.footer .footer-btm p:nth-child(2){color:#e6e6e6;margin-top:10px}.social-links{display:flex;gap:20px;justify-content:center}.social-links a{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#a9a9a929;border-radius:50%;color:gray;display:grid;font-size:20px;height:40px;place-items:center;text-decoration:none;width:40px}.social-links a:hover{background-color:blue;color:#fff}.btn{border:none}.btn-resume{align-items:center;background-color:blue;border-radius:50px;color:#fff;cursor:pointer;display:flex;gap:5px;justify-content:center;padding:10px 15px}.btn-resume:active{background-color:rgba(0,0,255,.675);transform:translateY(2px)}.btn-send{background-color:blue;border:none;border-radius:6px;color:#fff;padding:15px}@media screen and (max-width:768px){.container:before{left:8px;width:2px}.timeline-block{margin-bottom:30px;width:100%}.timeline-block-right{float:none}.timeline-block-left{direction:ltr;float:none}}@media screen and (max-width:1000px){.container{width:80%}}@media screen and (max-width:700px){.container{width:90%}.navbar img,.project-card img{display:none}}@media screen and (max-width:400px){.navbar div a{font-size:10px}}
/*# sourceMappingURL=main.bf07197f.css.map*/