body{align-items:center;background:linear-gradient(#000c,#000c);color:#fff;display:flex;font-family:Arial,sans-serif;height:50vh;justify-content:center;margin:0;padding:0}.val-img{animation:morph 8s ease-in-out infinite;background-image:url(/static/media/profilePic3.2ace04a5dfde19d19aa9.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border:3px solid #2d2e32;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;box-shadow:0 0 10px #00000080;height:15rem;position:relative;transition:all 1s ease-in-out;width:15rem}@media (max-width:500px){.val-img{height:28rem;width:28rem}}@keyframes morph{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}.container{align-items:center;display:flex;justify-content:center;margin-top:600px}.intro-paragraph{line-height:1.5;margin-left:70px}.intro-paragraph h1{text-shadow:2px 2px 4px #000000b3}.intro-paragraph img{height:auto;margin-left:5px;vertical-align:middle;width:40px}@media screen and (min-width:390px) and (max-width:500px){.val-img{height:20rem;margin-left:-120px;width:20rem}.intro-paragraph h1{font-size:1.8rem;margin-left:-190px}.intro-paragraph img{margin-top:-5px;width:35px}.intro-paragraph p{font-size:1rem;margin-left:-200px}.container{align-items:center;display:block;margin-left:150px;margin-top:450px}}@media screen and (min-width:320px) and (max-width:350px){.val-img{height:17rem;margin-left:-130px;width:17rem}.intro-paragraph h1{font-size:1.3rem;margin-left:-180px}.intro-paragraph img{margin-top:-5px;width:35px}.intro-paragraph p{font-size:.8rem;margin-left:-200px}.container{align-items:center;display:block;margin-left:150px;margin-top:410px}}@media screen and (min-width:351px) and (max-width:389px){.val-img{height:17rem;margin-left:-100px;width:17rem}.intro-paragraph h1{font-size:1.3rem;margin-left:-150px}.intro-paragraph img{margin-top:-5px;width:35px}.intro-paragraph p{font-size:.9rem;margin-left:-200px}.container{align-items:center;display:block;margin-left:150px;margin-top:410px}}@media screen and (min-width:501px) and (max-width:699px){.val-img{height:25rem;margin-left:-120px;width:25rem}.intro-paragraph h1{font-size:2.2rem;margin-left:-190px}.intro-paragraph img{margin-top:-5px;width:45px}.intro-paragraph p{font-size:1.3rem;margin-left:-220px}.container{align-items:center;display:block;margin-left:150px;margin-top:600px}}.about p{font-family:Song Myung,sans-serif;font-size:20px;line-height:1.5;text-align:left}.about img{float:left;height:220px;width:220px}.about a{color:inherit;font-weight:700}.about a,.about a:hover{text-decoration:none}.firstColor{color:#000;font-weight:700}.secondColor{color:#d8961a}.about{margin:-50px auto 0;max-width:820px}.sameLine img{height:auto;width:64px}.sameLine{align-items:center;display:flex;gap:20px}.sameLine img[alt="C++"]{height:70px;width:70px}.sameLine img[alt=Html]{height:75px;width:75px}.sameLine img[alt=Css]{height:60px;margin-top:8px;width:55px}.sameLine h2{margin-left:20px;margin-right:5px}.sameLine .first:hover,.sameLine .second:hover,.sameLine .third:hover{cursor:pointer;transform:translateY(-5px);transition:transform .3s ease}@media screen and (min-width:390px) and (max-width:500px){.about img[alt=lap]{display:none}.sameLine h2,h1{font-size:1rem}.sameLine img{height:auto;width:34px}.sameLine img[alt="C++"]{height:40px;width:40px}.sameLine img[alt=Html]{height:45px;width:45px}.sameLine img[alt=Css]{height:37px;margin-top:5px;width:33px}.sameLine{gap:1px}.about p{font-family:Song Myung,sans-serif;font-size:16px;line-height:1.5;margin-left:20px;text-align:left}}@media screen and (min-width:320px) and (max-width:350px){.about img[alt=lap]{display:none}.sameLine h2,h1{font-size:.8rem}.sameLine img{height:auto;width:28px}.sameLine img[alt="C++"]{height:31px;width:31px}.sameLine img[alt=Html]{height:35px;width:35px}.sameLine img[alt=Css]{height:29px;margin-top:5px;width:26px}.sameLine{display:flex;flex-wrap:nowrap;gap:0;margin-left:-28px}.about p{font-family:Song Myung,sans-serif;font-size:14px;line-height:1.5;margin-left:-5px;text-align:left}}@media screen and (min-width:351px) and (max-width:389px){.about img[alt=lap]{display:none}.sameLine h2,h1{font-size:.8rem}.sameLine img{height:auto;width:28px}.sameLine img[alt="C++"]{height:31px;width:31px}.sameLine img[alt=Html]{height:35px;width:35px}.sameLine img[alt=Css]{height:29px;margin-top:5px;width:26px}.sameLine{display:flex;flex-wrap:nowrap;gap:3px;margin-left:-28px}.about p{font-family:Song Myung,sans-serif;font-size:16px;line-height:1.5;margin-left:-5px;text-align:left}}@media screen and (min-width:501px) and (max-width:699px){.about img[alt=lap]{display:none}.sameLine h2,h1{font-size:1rem}.sameLine img{height:auto;width:34px}.sameLine img[alt="C++"]{height:40px;width:40px}.sameLine img[alt=Html]{height:45px;width:45px}.sameLine img[alt=Css]{height:37px;margin-top:5px;width:33px}.sameLine{gap:1px}.about p{font-family:Song Myung,sans-serif;font-size:19px;line-height:1.5;margin-left:20px;text-align:left}}.contact img{height:100px;width:100px}.contact button{align-items:center;background-image:linear-gradient(144deg,#af40ff,#5b42f3 50%,#00ddeb);border:0;border-radius:8px;box-shadow:0 15px 30px -5px #9741fc33;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-family:Phantomsans,sans-serif;font-size:18px;justify-content:center;line-height:1em;max-width:100%;min-width:140px;padding:3px;text-decoration:none;touch-action:manipulation;transition:all .3s;user-select:none;-webkit-user-select:none;white-space:nowrap}.contact button:active,button:hover{outline:0}.contact button span{background-color:#05062d;border-radius:6px;height:100%;padding:16px 24px;transition:.3s;width:100%}.contact button:hover span{background:none}.contact button:active{transform:scale(.9)}.middle img{height:90px;margin-top:10px;width:120px}.left{float:left}.right{float:right}.contact a{color:inherit}.contact a,.contact a:hover{text-decoration:none}.middle{align-items:center;display:flex;flex-direction:column}.middle button{margin-top:20px}.middle p{color:#79cb79}@media screen and (min-width:390px) and (max-width:500px){.contact img{height:70px;width:70px}.middle img{height:65px;margin-top:4px;width:85px}.contact button{font-size:14px;min-width:100px;padding:4px}.contact button span{padding:10px 13px}.contact{margin-top:-10px}}@media screen and (min-width:320px) and (max-width:350px){.contact img{height:70px;width:70px}.middle img{height:65px;margin-top:4px;width:85px}.contact button{font-size:12px;min-width:80px;padding:4px}.contact button span{padding:10px 13px}.contact{margin-top:-10px}}@media screen and (min-width:351px) and (max-width:389px){.contact img{height:70px;width:70px}.middle img{height:65px;margin-top:4px;width:85px}.contact button{font-size:12px;min-width:80px;padding:4px}.contact button span{padding:10px 13px}.contact{margin-top:-10px}}.projects img{box-shadow:3px 3px #000;height:150px;margin-left:15px;width:250px}.projects{margin-top:-50px;padding:20px}.project-card{background:#07182e;border-radius:20px;display:flex;margin-bottom:20px;min-height:274px;overflow:hidden;place-content:center;place-items:center;position:relative;width:638px}.project-card:before{animation:rotBGimg 3s linear infinite;background-image:linear-gradient(180deg,#00b7ff,#ff30ff);content:"";height:130%;position:absolute;transition:all .2s linear;width:100px}@keyframes rotBGimg{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.project-card:after{background:#07182e;border-radius:15px;content:"";inset:5px;position:absolute}.card-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:35px 20px;position:relative;text-align:center;width:100%;z-index:1}.project-name{margin-bottom:15px}.about-text{word-wrap:break-word;font-family:"Noto Serif",serif;font-optical-sizing:auto;font-size:15px;font-style:italic;font-variation-settings:"wdth" 100;font-weight:500;line-height:1.4;margin:0 auto 20px;max-width:400px;text-align:center;white-space:pre-line}.buttons{display:flex;justify-content:center;margin-top:20px;text-align:center}.buttons button{margin:5px}.projects ul{list-style-type:none;margin-left:-10px;padding:0}.projects h2{font-weight:700;text-shadow:2px 2px 6px #966e6eb3}.github-button button{background-color:#070707;border:none;border-radius:.6rem;color:#fff;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-weight:700;overflow:hidden;padding:1em 2em;position:relative}.github-button button span:not(:nth-child(6)){background-color:#636363;border-radius:50%;height:30px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:.6s ease;width:30px}.youtube-button button{background-color:#b72727;border:none;border-radius:.6rem;color:#fff;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-weight:700;overflow:hidden;padding:1em 2em;position:relative}.youtube-button button span:not(:nth-child(6)){background-color:#ccced1;border-radius:50%;height:30px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:.6s ease;width:30px}.buttons button span:nth-child(6){position:relative}.buttons button span:first-child{transform:translate(-3.3em,-4em)}.buttons button span:nth-child(2){transform:translate(-6em,1.3em)}.buttons button span:nth-child(3){transform:translate(-.2em,1.8em)}.buttons button span:nth-child(4){transform:translate(3.5em,1.4em)}.buttons button span:nth-child(5){transform:translate(3.5em,-3.8em)}.buttons button:hover span:not(:nth-child(6)){transform:translate(-50%,-50%) scale(4);transition:1.5s ease}@media screen and (min-width:390px) and (max-width:500px){.project-card{display:block;height:auto;margin-left:15px;width:300px}.card-container{display:grid;margin-left:-15px;margin-top:12px}.about-text{font-size:14px;margin-left:30px;max-width:250px}.buttons{display:flex;margin-bottom:10px;margin-left:50px}}@media screen and (min-width:320px) and (max-width:350px){.project-card{display:block;height:auto;width:250px}.project-card,.project-card h2,h3{margin-left:15px}.project-card img{width:240px}.card-container{display:grid;margin-left:-18px;margin-top:12px}.about-text{font-size:12px;margin-left:33px;max-width:220px}.buttons{display:flex;margin-bottom:10px;margin-left:29px}}@media screen and (min-width:351px) and (max-width:389px){.project-card{display:block;height:auto;margin-left:40px;width:250px}.project-card h2,h3{margin-left:15px}.project-card img{width:240px}.card-container{display:grid;margin-left:-18px;margin-top:12px}.about-text{font-size:12px;margin-left:33px;max-width:220px}.buttons{display:flex;margin-bottom:10px;margin-left:29px}}@media screen and (min-width:501px) and (max-width:699px){.project-card{display:block;height:auto;margin-left:15px;width:390px}.card-container{display:grid;margin-left:-15px;margin-top:12px}.about-text{font-size:14px;margin-left:80px;max-width:250px}.buttons{display:flex;margin-bottom:10px;margin-left:90px}.project-card h2,h3{margin-left:15px}}@media screen and (max-width:699px){.card-container{align-items:center;display:flex;flex-direction:column;margin-left:0}.about-text{margin-left:auto;margin-right:auto}.buttons{justify-content:center}.buttons,.project-card h2,.project-card h3{margin-left:0}}.input{background:#0000;border:2px solid #8707ff;border-radius:10px;color:#8707ff;max-width:190px;padding:10px 25px}.input:active{box-shadow:inset 2px 2px 15px #8707ff}.password-input{background:#0000;border:2px solid #8707ff;border-radius:10px;color:#8707ff;max-width:190px;padding:10px 25px}.password-input:active{box-shadow:inset 2px 2px 15px #8707ff}.firstForm button{border:1px solid #03045e;border-radius:10px;cursor:pointer;display:inline-block;height:50px;overflow:hidden;position:relative;transition:all .5s ease-in;width:150px;z-index:1}.firstForm button:before,button:after{content:"";height:100%;overflow:hidden;position:absolute;top:0;transform:skew(15deg);transition:all .5s;width:0;z-index:-1}.firstForm button:before{background:#240046;left:-10px}.firstForm button:after{background:#5a189a;right:-10px}.firstForm button:hover:before,button:hover:after{width:58%}.firstForm button:hover span{color:#e0aaff;transition:.3s}.firstForm button span{color:#03045e;font-size:18px;transition:all .3s ease-in}.header{text-shadow:2px 2px 4px #7408a1b3}.addProject{position:relative}.popup-container{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:100}.popup{background:#807d7d;border-radius:8px;box-shadow:0 0 10px #0000004d;padding:20px;position:relative}.close-btn{cursor:pointer;position:absolute;right:10px;top:10px}.popup button,.popup input,.popup textarea{color:#000;margin-bottom:10px}.addProject label{color:#000}.error-message{color:#961919}.add-project-button{background-color:#6622be;border-radius:10px;color:#fff;cursor:pointer;font-size:25px}.addProject{margin-top:-50px}.nav{align-items:stretch;color:#fff;gap:2rem;margin-top:50px;padding:0 1rem}.nav,.nav a{display:flex}.nav a{align-items:center;color:inherit;font-size:1.5rem;font-weight:700;padding:.25rem;text-decoration:none;text-shadow:2px 2px 4px #000000b3}.nav ul{display:flex;gap:1rem;list-style:none;margin:0;padding:0}.nav li.active{background-color:#515151}.nav li.active,.nav li:hover{border-radius:20px 20px 20px 20px}.nav li:hover{background-color:#636368}.section{display:block;height:400px;margin:1rem;padding-top:40px;text-align:center}@media screen and (min-width:390px) and (max-width:500px){.nav a{font-size:.7rem}.section{height:220px}}@media screen and (min-width:320px) and (max-width:350px){.nav a{font-size:.7rem}.section{height:220px}.nav{margin-top:25px}}@media screen and (min-width:351px) and (max-width:389px){.nav a{font-size:.7rem}.section{height:220px}.nav{margin-top:25px}}@media screen and (min-width:501px) and (max-width:699px){.nav a{font-size:.9rem}.section{height:220px}}
/*# sourceMappingURL=main.85bc564a.css.map*/