header{font-family:Nunito Sans,sans-serif;background-color:#000;padding:15px 35px;display:flex;align-items:center;justify-content:space-between}#logo{width:50px}.links{display:flex;gap:30px;align-items:center}#hamburger-menu{color:#fff;display:none}.links a{color:#fff;font-size:20px;transition:color .3s ease-in-out}.links a:hover{color:#ffffff8a}.links>:last-child{background-color:#fff;color:#000;padding:7px 3px;border-radius:10px;transition:background-color .3s ease-in,color .4s ease-in}.links>:last-child:hover{background-color:#fff6;color:#fff}@media (min-width: 300px) and (max-width: 450px){.navigation-links{display:none}#hamburger-menu{display:block}}.hero{display:flex;flex-direction:column;gap:10px;background:url(/assets/portfolio-1-DusxaUm4.jpg) no-repeat;background-size:cover;background-position:center;height:100vh}.bg{width:100%;height:100%;background-color:#00000053}.name,.info{color:#fff;text-align:center}.name{display:flex;gap:20px;align-items:center;justify-content:center;padding-top:15%;font-size:40px}.name h1{padding:0;margin:5px 0}#separator{display:block;margin:0 auto}.contact-links{display:flex;justify-content:center;gap:30px;padding-top:10px;color:#fff;font-size:45px}.contact-links>*{transition:color .3s ease-in-out}.contact-links>*:hover{color:#ffffffb8}@media (min-width: 300px) and (max-width: 450px){.name{padding-top:50%;font-size:19px}.info h2{font-size:17px}}.about-me{padding:30px 100px;color:#dddbdb;background-color:#3915155a}.about-me h1{text-align:center;padding:15px 0;border-bottom:2px solid rgb(221,219,219);width:fit-content;margin:auto}.wrt-content{width:70%;text-align:center;padding:20px;margin:auto}.wrt-content p{margin:0;padding:10px 0}@media (min-width: 300px) and (max-width: 450px){.about-me{padding:0;margin:0}.wrt-content{width:100%;margin:0;padding:0 3px}}footer{display:flex;align-items:center;padding:30px 40px;justify-content:space-around;background:url(/assets/ship-Bqtc-Zw8.jpg) center;background-size:cover}.footer-links{display:flex;align-items:center;font-size:45px;width:190px;flex-wrap:wrap}#footer-logo{width:50px}.footer-links>:first-child,.footer-links>:nth-child(2),.footer-links>:nth-child(3),.footer-links>:last-child{justify-self:center;background:linear-gradient(90deg,#020024,#790921 35%,#80550a);border:3px solid rgb(242,240,240);padding:15px 20px;color:#dddbdb;transition:all .2s ease-in-out}.footer-links>:first-child:hover,.footer-links>:nth-child(2):hover,.footer-links>:nth-child(3):hover,.footer-links>:last-child:hover{transform:scale(1.1)}.footer-links>:first-child{border-top-left-radius:50px}.footer-links>:nth-child(2){border-top-right-radius:50px}.footer-links>:nth-child(3){border-bottom-left-radius:50px}.footer-links>:last-child{border-bottom-right-radius:50px}.contact-ctn{color:#dddbdb}.contact-ctn form{display:flex;flex-direction:column}#logo-ctn,#footer-contact-btn{outline:none;border:none;padding:5px 2px;width:fit-content;background:linear-gradient(90deg,#020024,#790921 35%,#80550a)}#footer-form{display:flex;flex-direction:column;gap:10px}#footer-form input{border-radius:5px;border:1px solid black;padding:5px 0}#footer-contact-btn{padding:13px 19px;color:#fff}@media (min-width: 300px) and (max-width: 450px){footer{flex-direction:column;gap:10px}}.skills{background-color:#0a0a2994;display:flex;flex-direction:column;gap:30px;padding:30px 0}.skills h2{margin:0;padding:10px 0}.using,.learning{width:50%;margin:auto;display:flex;gap:30px}.all-using,.all-learning{display:flex;gap:25px;flex-wrap:wrap;padding-top:50px}.tool{display:flex;flex-direction:column;gap:5px}.tool>:first-child{font-size:60px}.tool span{text-align:center}@media (min-width: 300px) and (max-width: 450px){.using,.learning{width:100vw}}body{color:#dddbdb;background:url(/assets/body-DzNRnsmJ.jpg) center no-repeat;background-size:cover;font-family:open-sans,system-ui;padding:0;margin:0;box-sizing:border-box;width:100vw;overflow-x:hidden}.hero{font-family:Aboreto,system-ui}.app-container{width:100%;height:100%;background-color:#201b1b67}a{text-decoration:none;color:#fff}