@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);*{box-sizing:border-box;padding:0;scroll-behavior:smooth}*,body{margin:0}body{background-color:#1d1d1d;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;height:100vh}.nav{background-color:initial;color:#ffc400;height:100px;position:-webkit-sticky;position:sticky;transition:background-color 1s ease;width:100%;z-index:999}.nav ul{display:flex;font-size:20px;gap:250px;list-style-type:none;padding-left:100px;padding-top:35px}.nav ul li{cursor:pointer}.nav ul li a{color:#ffc400;position:relative;text-decoration:none}.nav ul li a:hover{color:#f0dda1}.nav ul li a:hover:before{animation:underline-grow .3s forwards;background-color:#f0dda1;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:100%}@keyframes underline-grow{0%{width:0}to{width:100%}}.nav:hover{background-color:#262525}.main-page{font-size:60px;margin-left:150px;margin-top:50px}.main-page,.main-page h2{color:#ffc400;font-family:Poppins,sans-serif}.main-page h2{letter-spacing:.15em;margin:0 auto;overflow:hidden;white-space:nowrap}.resume-button{background-color:#000;border-radius:30px;color:#fff;display:flex;font-size:25px;height:60px;justify-content:center;margin-left:600px;margin-top:100px;width:350px}.resume-button a{margin-top:10px}.wrapper{left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}.resume-button{background:#0000;border:3px solid #333;border-radius:50px;color:#f6f6f6;cursor:pointer;display:block;font-family:arial;font-size:20px;height:50px;line-height:46px;margin-right:600px;margin-top:450px;overflow:hidden;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;transition:all .35s;width:250px}.resume-button:after,.resume-button:before{background:#333;content:"";height:100%;left:0;position:absolute;top:-100%;transition:all .35s;width:100%;z-index:-1}.resume-button:before{opacity:.5}.resume-button:after{transition-delay:.2s}.resume-button:hover{color:#face60}.resume-button:hover:after,.resume-button:hover:before{top:0}.below-type{display:inline-block;font-size:60px;font-weight:700;height:100px;justify-content:center;margin-block-end:1.33em;margin-block-start:1.33em;margin-inline-end:0;margin-inline-start:0;unicode-bidi:isolate;width:100%}@property --angle{syntax:"<angle>";initial-value:90deg;inherits:true}@property --gradX{syntax:"<percentage>";initial-value:50%;inherits:true}@property --gradY{syntax:"<percentage>";initial-value:0;inherits:true}:root{--d:2500ms;--angle:90deg;--gradX:100%;--gradY:50%;--c1:#ffb95d;--c2:#ffe2a81a}.border{display:flex;flex-wrap:wrap;gap:20px;margin:10px auto;max-width:1500px;overflow:hidden;padding-top:50px}.co2,.derm,.game1,.tic,.weather{border-radius:20px;height:400px;transition:transform .3s ease;width:450px}.main-title{color:#ffc400;font-size:30px;font-weight:700;margin-left:20px}.box-row{display:flex;gap:20px}.box{animation:borderRotate 2.5s linear infinite forwards;animation:borderRotate var(--d) linear infinite forwards;background-color:#262525;border:.1rem solid;border-image:conic-gradient(from 90deg,#ffe2a81a,#ffb95d 36deg,#ffb95d 54deg,#ffe2a81a 90deg) 30;border-image:conic-gradient(from var(--angle),var(--c2),var(--c1) 36deg,var(--c1) 54deg,var(--c2) 90deg) 30;box-sizing:border-box;flex:1 1;margin-top:20px;padding:20px;transition:transform .3s ease,box-shadow .4s ease;width:calc(33.33% - 40px)}.box:nth-child(2){animation:borderRadial 2.5s linear infinite forwards;animation:borderRadial var(--d) linear infinite forwards;border-image:radial-gradient(ellipse at 100% 50%,#ffb95d,#ffb95d 10%,#ffe2a81a 40%) 30;border-image:radial-gradient(ellipse at var(--gradX) var(--gradY),var(--c1),var(--c1) 10%,var(--c2) 40%) 30}@keyframes borderRotate{to{--angle:420deg}}@keyframes borderRadial{20%{--gradX:100%;--gradY:50%}40%{--gradX:100%;--gradY:100%}60%{--gradX:50%;--gradY:100%}80%{--gradX:0%;--gradY:50%}to{--gradX:50%;--gradY:0%}}.box:hover{box-shadow:0 0 10px #000;transform:scale(1);transform:scale(1.04)}.project-description h2{color:#ffc400}.project-description p{color:#fff}.project-description h3{color:#ffc400;margin-top:10px}.project-image{border-radius:20px;height:auto;max-width:100%;transition:transform .3s ease}.project-image:hover{transform:scale(1.05)}.project-description ul{color:#fff;list-style-type:none;margin-left:20px}.project-description,.project-details,.project-links{margin-top:20px}.project-description h2,.project-details h2,.project-links h2{margin-top:0}.project-details ul{padding-left:20px}.project-links ul{list-style:none;padding-left:0}.project-links ul li{margin-top:10px}.project-links ul li a{color:blue;text-decoration:none}.project-links ul li a:hover{text-decoration:underline}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:#555;border-radius:5px}::-webkit-scrollbar-track{background:#eee}::-webkit-scrollbar-thumb:hover{background:#888}::-webkit-scrollbar-track:hover{background:#ddd}.about-border{border:2px solid #0000;border-radius:30px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;height:600px;justify-content:center;margin-left:100px;margin-top:20px;overflow:hidden;transition:all .3s ease;width:900px}.about-page h2{color:#ffc400;font-size:40px;margin-left:350px;margin-top:10px}.about-page h3{color:#ffc400;font-size:25px}.about-page h3,.about-page p{margin-left:30px;padding-top:10px}.about-page p{color:#fff;font-size:14.8px;margin-right:20px;text-align:justify}.about-page{display:flex}.about-page img{border-radius:300px;height:550px;margin-left:100px;margin-top:20px;transition:1s ease;width:400px}.about-page img:hover{border-radius:30px;transform:scale(1.1);transition:1s ease}.about-border:hover{border-color:#494949cc;box-shadow:0 10px 20px #0003;transform:translateY(-5px)}.about-border h2,.about-border h3,.about-border p{transition:color .5s ease}.about-border:hover img{transform:scale(1.05)}.about-border:hover h2,.about-border:hover h3{color:#ffc400cc}.about-border:hover p{color:#fffc}.title{color:#ffc400;font-size:30px;font-weight:700;margin-left:50px;margin-top:20px}.skill-border{height:480px;margin-left:auto;margin-right:auto;margin-top:20px;width:95%}.each-border,.skill-border{display:flex;justify-content:space-around}.each-border{background-color:#262525;border-radius:20px;flex-direction:column;height:540px;padding:20px;transition:transform .3s ease,box-shadow .3s ease;width:30%}.each-border:hover{box-shadow:0 0 10px #000;transform:scale(1)}.title1{color:#fff;font-size:25px;margin-right:70px;text-align:center}.back,.front{margin-left:240px;margin-top:-70px}.back,.front,.tech{height:60px;width:60px}.tech{margin-left:310px;margin-top:-120px}.inner-box{flex-wrap:wrap;gap:20px;height:auto}.inner-box,.small-box{display:flex;justify-content:center}.small-box{--border-width:3px;align-items:center;background-color:#383838;border:2px solid #0000;border-radius:20px;box-shadow:0 0 10px #0000001a;color:#fff;cursor:pointer;height:90px;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:40%;&:before{animation:moveGradient 2s infinite alternate,pulseGlow 2s infinite;background:linear-gradient(60deg,#6cf,#558bf6,#4747eb,#713cdd,#93c,#ac39ac,#c39,#dd3c71,#eb4747,#f68b55,#fc6);background-position:0 50%;background-size:300% 300%;border-radius:23px;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}}@keyframes moveGradient{0%{background-position:0 50%}to{background-position:100% 50%}}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #ffffff4d}50%{box-shadow:0 0 25px #fff9}}.small-box:hover{transform:scale(1.05)}.small-box svg{height:50px;margin-right:10px}.fa-html5{color:#e34c26}.fa-css3{color:#264de4}.fa-js{color:#fcdc00}.fa-react{color:#61dbfb}.fa-python{color:#ffde57}.fa-java{color:#f89820}.fa-RProject{color:#165caa}.fa-database{color:#00758f}.fa-n{color:#a8b9c0}.fa-c{color:#659ad2}.modal,.modal.show{z-index:1050}.modal.show{display:block;height:200px;left:50%;overflow-y:auto;position:fixed;top:50%;transform:translate(-50%,-50%)}.modal-backdrop.show{z-index:1040}.modal-content{background-color:#fff;border:none;border-radius:8px;box-shadow:0 4px 15px #0003;height:200px;width:800px;z-index:1051}.modal-header{background-color:#f8f9fa;border-bottom:1px solid #dee2e6;border-top-left-radius:8px;border-top-right-radius:8px}.modal-title{color:#333;font-size:1.5rem}.modal-body{color:#555;font-size:1rem;padding:20px}.btn-secondary{background-color:#6c757d;border-color:#6c757d;color:#fff;margin-left:370px;margin-top:50px}.btn-secondary:hover{background-color:#5a6268;border-color:#545b62}.body{align-items:center;background-color:#7c7070;display:flex;height:500px;justify-content:center;left:50%;opacity:.9;position:absolute;top:50%;transform:translate(-50%,-50%);width:500px;z-index:1}.body,.modal,.modal .modal-content{border:none;box-shadow:none}.blurred{filter:blur(5px);transition:filter .1s ease}.modal-title{display:flex;justify-content:center}.modal-header{background-color:#ffc400;height:50px}.modal-content{background-color:beige}.close{background-color:#d2d2d2;border:none;cursor:pointer;display:flex;font-size:15px;justify-content:center;margin-left:360px;margin-top:-15px;transition:.5s ease;width:100px}.close:hover{background-color:#b5b5b5;border-radius:20px}.fade.modal.show{display:flex}*{font-family:Poppins,sans-serif}.title h2{color:#fc0;font-size:36px;margin-left:30px;margin-top:10px}.contact-border{background-color:#262525;margin:30px auto 0;max-width:1200px;width:80%}.contact-border,.form-border{border:2px solid #333;border-radius:10px;overflow:hidden;padding:20px}.new-title{color:#fff;font-size:24px;font-weight:600}.group,.new-title{margin-bottom:20px}input,textarea{background-color:#f9f9f9;border:none;border-bottom:2px solid #ccc;font-size:16px;padding:10px;width:100%}input:focus,textarea:focus{border-color:#fc0;outline:none}label{color:#333;font-size:18px;left:10px;pointer-events:none;position:absolute;top:10px;transition:all .2s ease}input:focus~label,input:valid~label,textarea:focus~label,textarea:valid~label{color:#fc0;font-size:14px;top:-20px}.bar{display:block;position:relative;width:100%}.bar:after,.bar:before{background:#fc0;bottom:0;content:"";height:2px;position:absolute;transition:all .2s ease;width:0}.bar:before{left:50%}.bar:after{right:50%}input:focus~.bar:after,input:focus~.bar:before{width:50%}.highlight{height:60%;left:0;opacity:.5;pointer-events:none;position:absolute;top:25%;width:100px}input:focus~.highlight{animation:inputHighlighter .3s ease}.submit-button{background-color:#fc0;border:none;border-radius:5px;color:#333;cursor:pointer;font-size:18px;padding:12px 20px;transition:background-color .3s ease}.submit-button:hover{background-color:#ffd633}@keyframes inputHighlighter{0%{background:#fc0}to{background:#0000;width:0}}.logo-border{align-items:center;display:flex;height:100px;justify-content:center;margin-left:450px;margin-top:30px;width:600px}.social-links a{margin:0 20px}.social-links a:hover{transform:scale(1.1)}.social-links a .fa-icon{font-size:40px}.fa-linkedin{color:#0a66c2;height:40px}.fa-github{color:#333;height:40px}.fa-instagram{color:#bc2a8d;height:40px}.fa-twitter{color:#1da1f2;height:40px}#alert{color:#fff;font-size:20px}
/*# sourceMappingURL=main.3a98469f.css.map*/