body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(90deg,#000,#000);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:Arial,sans-serif;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}h1,h2,h3,h4,h5,p{cursor:pointer}a{text-decoration:none}section{padding:80px 40px 40px}#home{align-items:center;display:flex;flex-direction:row-reverse;justify-content:space-around;margin-bottom:40px;margin-top:60px;padding:65px}#home img{border-radius:50%;box-shadow:10px 8px 16px #fcf8f81a;height:360px;max-width:100%;transition:box-shadow .3s ease;width:300px}#home img:hover{box-shadow:0 12px 24px #eae6e633;width:305px}.textcontainer{max-width:600px}.textcontainer p{color:#a00404;cursor:pointer;font-size:1.3rem}.textcontainer #intro{color:#d6e3c8;font-size:1rem}#changingWord{color:#c4b5e6;text-shadow:1px 1px 2px #000;transition:opacity .5s ease-in-out}#changingWord.fade-out{opacity:0}.textcontainer h3{color:#fff;cursor:pointer;font-size:2.5em;margin:10px 0;text-shadow:1px 1px 2px #5b5656}.textcontainer h4{cursor:pointer;font-size:1.4em;margin:15px 0}.linkcontainer{display:flex;justify-content:space-between;margin-top:80px}.linkcontainer i{font-size:40px}#about{align-items:center;background:#0000;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:36px}h2{color:#2303a1}#about p{border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;height:500px;line-height:39px;margin-left:50px;margin-top:90px;padding:30px;width:600px}.aboutcontainer{justify-content:space-between;padding:0}#projects,.aboutcontainer{align-items:center;display:flex}#projects{flex-direction:column}.projectcontainer{display:grid;grid-template-columns:1fr 1fr}.project1{background-color:#141313;border-radius:16px;box-shadow:1px 1px 40px;height:570px;margin-left:20px;margin-top:50px;padding:20px;text-align:center;width:90%}.project1 h3{color:#2532c1;font-size:1.3rem}.project1 p{color:#fefefe;font-weight:600;margin:10px 0}.project1 img{border-radius:16px;transition:.5s ease-in-out;width:100%}img:hover{transform:scale(1.01)}.project1 button{background-color:initial;border:none;border-radius:15px;box-shadow:2px 2px 30px #34263a;color:#7b7272;padding:10px 30px}.project1 button:hover{box-shadow:2px 2px 10px #ff02ea;color:#ff02ea}.skill.animated{opacity:1;transform:translateY(0)}.skill.mouseover{transform:scale(1.1);transition:transform .3s ease}#skills{align-items:center;display:flex;flex-direction:column;justify-content:space-evenly;padding:20px}.contents{display:flex;margin-top:30px}.skills-container{border-radius:15px;display:flex;flex-direction:column;gap:20px;margin:0 100px;padding:30px}.skill{background-color:#f0f0f0;border-radius:8px;cursor:pointer;padding:10px 5px;transition:background-color .3s;width:250px}.key{width:500px}.key p{font-size:13px}.skill:hover{background-color:initial;color:#fff}.skill p{display:none;margin-top:10px}.skill.active p{color:#ee0606;display:block}#resume{align-items:center;display:flex;flex-direction:column;justify-content:space-between}.resumecontainer{border-radius:15px;box-shadow:1px 1px 2px;height:90vh;margin-top:15px;padding:30px}.resumecontainer img{height:100%}#resume button{background-color:initial;border:none;border-radius:15px;box-shadow:2px 2px 7px #8d04c7;color:#5b5656;margin-top:20px;padding:10px 30px}#resume button:hover{box-shadow:2px 2px 9px #ff02ea;color:#fff}#contact{align-items:center;display:flex;justify-content:space-evenly;text-align:left}#contact div{border-radius:15px;padding:90px;width:40%}#contact h2{margin-bottom:30px}.contact-info-container p{color:#fff}.contact-info-container a{color:#fff;list-style:none;text-decoration:none}.contact-info-container a:hover{color:#fff;text-decoration:underline}@media (max-width:1220px){section *{display:flex;flex-direction:column}.linkcontainer{flex-direction:row}#about p{height:300px;margin-top:10px;width:100%}.skills-container{margin:10px 0;width:1000px}.skill{text-align:center;width:100%}#resume button{display:flex;flex-direction:row}#contact div{height:400px}}@media (max-width:1024px){#home{flex-direction:column}.linkcontainer{justify-content:space-between;margin-top:20px}#about p{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.skills-container{margin:10px 0;width:700px}#contact div{height:300px;padding:10px}}@media (max-width:800px){.linkcontainer{align-items:center}#home{margin-top:10px}.textcontainer{justify-content:space-between;margin-top:20px}#about p{align-items:center;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%}.projectcontainer{display:flex;flex-direction:column;justify-content:space-between}.project1,.projectcontainer{align-items:center}.project1 button{display:flex;flex-direction:row;justify-content:space-evenly}.skills-container{margin:10px 0;width:400px}#contact{flex-direction:column}#contact div{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-bottom:10px;padding:30px 0;text-align:center;width:100%}}@media (max-width:490px){header{margin-top:0;padding:1px}header h1{font-size:23px;margin-top:0}nav ul{margin-left:20px;text-align:center}nav a{font-size:12px}nav li{margin-left:0;text-align:center}#home{margin-top:0;padding:0}#home img{border-radius:10px;height:auto;transition:.8s ease-in-out;width:230px}#home img:hover{width:231px}.textcontainer{align-items:center;padding:10px}.textcontainer strong{font-size:15px}#home{margin-bottom:0}#home h3{color:#b8d3b7;font-size:20px;text-shadow:1px 1px 3px blue}.textcontainer #intro{font-size:15px;text-transform:capitalize;width:80%}.textcontainer #changingWord{font-size:18px;transition:ease-in-out}#home .linkcontainer a{margin-right:40px}.linkcontainer i{font-size:16px}h2{font-size:20px}.container,section{margin:0;padding:0}.container{align-items:flex-start}#about,#projects{margin-top:20px;padding:0;width:80%}#about .aboutcontainer{align-items:flex-start;justify-content:left;margin:0;padding:0}#about .aboutcontainer p{box-shadow:1px 1px 3px;font-size:10px;line-height:24px;padding:10px;width:230px}#projects{margin-top:20px;padding:0;width:96%}.projectcontainer{margin-top:0;padding:0}.project1{height:auto;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:20px;width:75%}.project1 h3{font-size:19px;margin-bottom:20px}.project1 p{display:none}.project1 button{margin-top:0}#skills{justify-content:start;margin-left:10px;margin-right:0;margin-top:20px;padding:0;width:85%}#skills,.contents{align-items:center}.contents{justify-content:center;margin-top:0;width:100%}.skills-container{margin-top:50px;padding:0;width:90%}.skill{font-size:14px;text-align:center}.skill p{font-size:13px}#resume{margin-left:14px;margin-top:67px;width:85%}.resumecontainer{height:auto;padding:10px;width:100%}.resumecontainer img{border-radius:10px;height:auto;margin-bottom:0;width:100%}#resume button{box-shadow:1px 1px 4px;font-size:14px;padding:20px}#contact{margin-top:60px;width:80%}.contact-info-container p{font-size:14px;line-height:30px;margin-bottom:0;padding:0 20px;text-align:center}#contact .linkcontainer{display:flex;justify-content:center;margin-top:80px}#contact .linkcontainer i{font-size:19px;margin:29px 20px}#contact div{padding:0}}header{align-items:center;display:flex;flex-direction:column;gap:30px;justify-content:space-between;padding:10px}header h1{color:#fff;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;margin-top:20px;transition:.5s ease-in-out}header h1:hover{color:#84dd1e}nav ul{list-style-type:none;padding:0}nav li{display:inline;margin-right:20px}nav a{color:#c8b5b5;text-decoration:none;transition:color .3s ease}nav a:hover{color:#1df00a}.sidebar-wrapper:hover .sidebar{left:0;width:50px}.sidebar{background-color:initial;height:100%;left:0;overflow-y:auto;position:fixed;text-align:left;top:0;transition:left .3s ease,.3s ease;width:1px}.sidebarContainer{margin-top:250px;width:30px}.sidebar a{border-radius:5px;color:#fff;display:block;margin-bottom:20px;padding:10px;text-decoration:none;transition:background-color .3s ease}.sidebar a:hover{color:#e00b0b}#goTopBtn{bottom:20px;color:#000;cursor:pointer;display:none;font-size:30px;position:fixed;right:20px;transition:background-color .3s ease}#goTopBtn:hover{color:#0d7dee}.fa-chevron-circle-up{background-color:#fff;border-radius:50%;box-shadow:2px 2px 10px #0000004d;padding:10px}@keyframes fade{0%,to{opacity:0}25%,75%{opacity:1}}#changingWord{animation:fade 4s infinite}
/*# sourceMappingURL=main.c4e6aa67.css.map*/