@import"https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap";@import"https://fonts.googleapis.com/css2?family=Unbounded&display=swap";@import"https://fonts.googleapis.com/css2?family=Satisfy&display=swap";@import"https://fonts.googleapis.com/css2?family=Passions+Conflict&family=Sacramento&display=swap";@import"https://fonts.googleapis.com/css2?family=Monsieur+La+Doulaise&display=swap";@import"https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap";@import"https://fonts.googleapis.com/css2?family=Raleway&display=swap";.about{padding:18vh 7% 0;min-height:100vh;display:flex;flex-direction:column}.about_info>h1{font-family:Unbounded;color:azure;margin:0 0 2% 0%}.about_info>div{font-size:15px;font-weight:100;line-height:25px;font-family:Unbounded;color:#b7d4f7}.about_skills>h1{font-family:Unbounded;color:azure;margin:5% 0 1% 0%}.about_skills>div{display:flex;flex-wrap:wrap}.about_skills>div>div{position:relative;overflow:hidden;z-index:0;padding:0 5px;display:flex;align-items:center;justify-content:center;height:120px;width:85px;border-radius:.8em;margin:2% auto;background-color:#fff;transition:all .2s ease-in-out}.about_skills>div>div:hover{scale:1.2;background-color:#fff}.about_skills>div>div:after{transform-origin:left;content:"";position:absolute;bottom:0;left:0;width:100%;height:5px;background-image:linear-gradient(90deg,rgb(67,67,255),rgb(255,93,93));border-radius:1em;display:none}.about_skills>div>div:nth-child(1):after{width:95%}.about_skills>div>div:nth-child(2):after{width:95%}.about_skills>div>div:nth-child(3):after{width:75%}.about_skills>div>div:nth-child(4):after{width:85%}.about_skills>div>div:nth-child(5):after{width:80%}.about_skills>div>div:nth-child(6):after{width:65%}.about_skills>div>div:nth-child(7):after{width:85%}.about_skills>div>div:nth-child(8):after{width:95%}.about_skills>div>div:nth-child(9):after{width:85%}.about_skills>div>div:hover:after{display:block;transform-origin:left;animation:skill .5s forwards}@keyframes skill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.about_skills>div>div>img{height:60px}#express{height:50px}#node{height:40px}.contact{padding:17vh 7% 0;min-height:100vh;display:flex;flex-direction:column}.contact>h1{font-family:Unbounded;color:azure;margin:0 0 2% 0%}.contact_div{margin-top:30px;align-items:center;display:flex;flex-direction:column}.contact_form{display:flex;flex-direction:column}.contact_form2{padding:1% 5% 2%;width:45%;border:solid 2px grey;border-radius:.7em}.contact_form label{margin:2% 0%;font-family:Unbounded;color:#ddf1fd;font-size:17px}.contact_form2 h2{font-family:Segoe UI;font-size:30px;color:#d3ebff}.contact_form input{width:100%;height:30px;font-family:Unbounded;font-weight:900;font-size:13px;border-radius:.5em;border:none;padding:0% 1%}.contact_btn{display:flex;margin:20px 0 10px;justify-content:center}.contact_btn button{cursor:pointer;padding:1% 15%;font-family:Segoe UI;font-size:22px;color:#fff;font-weight:500;border:solid 2px white;border-radius:1em;background-color:transparent;transition:all .14s ease-in-out}.contact_btn button:hover{background-color:#fff;color:#111113;font-weight:500;box-shadow:0 0 15px #000}#msg{width:100%;height:15vh}@media screen and (max-width: 650px){.contact_form2{width:70%}}.home{height:100vh;display:flex;flex-direction:column;justify-content:center}.home>h1{font-family:Unbounded;color:azure;margin:0 0 0 17%}.home>h2{width:fit-content;font-size:20px;font-family:Unbounded;color:#b7d4f7;margin:.5% 0 0 17%;position:relative;z-index:-1}.home>h2:after{content:"";position:absolute;height:2px;bottom:-3px;left:0;width:100%;background-size:200%;transform:scaleX(0);transform-origin:left;background-image:linear-gradient(90deg,rgb(67,67,255),rgb(255,93,93));animation:h2_anim forwards 1.2s ease-in-out,bg 1s infinite alternate}@keyframes h2_anim{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.socials{margin:2% 0 0 15.5%;display:flex;align-items:center}.home>h3>img{margin-left:10px;height:30px}.home>h3{color:gray;font-weight:100;font-style:italic;margin:2% 0 0 17%;display:flex;align-items:center}.socials>a{cursor:pointer;color:#1b1b1b;height:40px;width:40px;border-radius:.5em;align-items:center;justify-content:center;display:flex;margin:1.5%;transition:all .25s ease-in-out;background-color:#ddf1fd}.socials>a:hover{scale:120%}.socials>a:last-child{font-size:large;text-decoration:none;width:fit-content;padding:0 15px}nav{color:#f0f8ff;position:fixed;top:0;left:0;width:92vw;padding:3vh 4vw;background-color:#111113;display:flex;justify-content:space-between;align-items:center;height:5vh;z-index:2}nav>.logo{font-size:40px;font-family:Great Vibes;font-weight:100;color:#ebf3ff}.navigators{display:flex;gap:40px;font-size:20px}.navigators>a{position:relative;text-decoration:none;color:#bdc6d3;font-weight:100;transition:.2s all ease-in-out}.navigators>a:hover{-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(90deg,rgb(67,67,255),rgb(255,93,93))}.menu{display:none;cursor:pointer;color:#fff}.menu_items{position:absolute;left:0;top:11vh;background-color:#111113;width:100vw;height:auto;display:flex;flex-direction:column;align-items:center;padding:20px 0;animation:showmenu .2s ease-in-out;transform-origin:top;border-top:solid 2px grey}@keyframes showmenu{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.menu_items>a{padding:2vh 100vw;position:relative;text-decoration:none;color:#bdc6d3;transition:.2s all ease-in-out;font-size:larger}.menu_items>a:hover{-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(90deg,rgb(67,67,255),rgb(255,93,93))}@media screen and (max-width: 650px){.navigators{display:none}.menu{display:block}}.projects{min-height:100vh;display:flex;flex-direction:column;padding:17vh 7% 0}.projects>h1{font-family:Unbounded;color:azure}.all_projects{display:grid;grid-template-columns:1fr 1fr 1fr;row-gap:30px;margin-top:20px}.project{background-color:transparent;width:340px;height:230px;margin:auto;transition:all .15s ease-in-out;border-radius:1em;border:none;display:flex;overflow:hidden;position:relative}.project:hover{scale:1.1;box-shadow:0 0 10px #000}.project_image,.project_image img{width:100%;height:100%}.project_info{bottom:0;border:none;flex-direction:column;position:absolute;width:100%;height:100%;display:none;align-items:center;text-align:center;background-image:linear-gradient(0deg,black 20%,rgba(0,0,0,.5))}.project_info p{padding:20px 12px 0;height:110px;overflow:hidden;font-size:15px;font-family:Verdana,Geneva,Tahoma,sans-serif}.project_info p>span{color:#fff2c8}.project:hover .project_info{display:flex;animation:goup .22s ease forwards;color:#fff}@keyframes goup{0%{opacity:0}to{opacity:1}}.project_links{display:flex;position:absolute;bottom:30px;justify-content:center;width:90%}.project_links button{font-size:16px;height:35px;margin:auto;width:110px;cursor:pointer;color:#fff;border-radius:1em;background-color:transparent;border:solid 2px white;font-family:Segoe UI;font-weight:500;transition:all .15s ease-in-out}.project_links button:hover{background-color:#fff;color:#000}@media screen and (max-width: 1300px){.all_projects{display:grid;grid-template-columns:1fr 1fr;row-gap:30px;margin-top:20px}}@media screen and (max-width: 880px){.all_projects{display:grid;grid-template-columns:1fr;row-gap:30px;margin-top:20px}}:root{margin:0}html{scroll-behavior:smooth}body{display:flex;flex-direction:column;font-family:Josefin Sans;margin:0;background-size:600%;background-image:linear-gradient(60deg,#2f3131,#161818);animation:bg 12s infinite alternate}@keyframes bg{0%{background-position:left}to{background-position:right}}