*{box-sizing:border-box;margin:0}@media (min-width: 320px) and (max-width: 480px){body{font-size:.9em}}body{font-family:Quicksand,sans-serif;background-color:#242424;color:#fff}.toaster{font-family:Quicksand,sans-serif}@media (min-width: 320px) and (max-width: 600px){nav .menu-icon{display:block;cursor:pointer;margin-top:auto}nav .menu-icon:hover{color:#fe6e6e}nav .nav-elements{position:absolute;width:0;right:0;top:71px;background-color:#3f3f3f;border-bottom-left-radius:10px;font-size:20px;height:40vh;overflow:hidden}nav .nav-elements.active{width:max-content;padding-right:40px}nav .nav-elements ul{display:flex;flex-direction:column}nav .nav-elements ul li{margin-top:22px}}.navbar{font-size:22px;font-weight:700;position:sticky;top:0;z-index:1;border-bottom:1px solid;background-color:#242424}.container{display:flex;justify-content:space-between;padding:20px}.container h1{font-size:30px;margin-left:5px;font-weight:700}.container h1:hover{color:#fe6e6e;cursor:pointer}.menu-icon{display:none}.nav-elements ul{display:flex;list-style-type:none}.nav-elements li{margin-top:6px;padding:0 10px;position:relative;overflow:hidden}.nav-elements li:after{content:"";display:block;height:4px;width:100%;background-color:#fe6e6e;border-radius:5px;transform:scaleX(0);transform-origin:left;transition:transform .5s ease}.nav-elements li:hover:after{transform:scaleX(1)}.links{text-decoration:none;color:inherit;cursor:pointer}@media (min-width: 320px) and (max-width: 480px){body .home{margin:20px}}.home{margin:40px 100px;line-height:2;font-size:23px}.home span{color:#fe6e6e}.home--button{font-family:quicksand,sans-serif;font-size:22px;font-weight:700;margin-top:20px;padding:10px 20px;background:none;border-radius:5px;color:#fff;cursor:pointer;animation:glowing 10s linear infinite}@keyframes glowing{0%{border:2px solid red}10%{border:2px solid rgb(215,215,59)}15%{border:2px solid blue}30%{border:2px solid red}40%{border:2px solid rgb(215,215,59)}45%{border:2px solid blue}50%{border:2px solid red}60%{border:2px solid rgb(215,215,59)}65%{border:2px solid blue}70%{border:2px solid red}80%{border:2px solid rgb(215,215,59)}85%{border:2px solid blue}90%{border:2px solid red}to{border:2px solid rgb(215,215,59)}}.home--button:hover{background-color:#333231;color:#fe6e6e}@media (min-width: 320px) and (max-width: 480px){body .about{margin:70px 20px}body .about--info{font-size:18px}}.about{margin:100px}.about--info{font-family:quicksand,sans-serif;margin-top:20px;line-height:2;font-size:20px}.about--info li{list-style-type:none}.about--button{display:flex;align-items:center}.about--button--open,.about--button--download{padding:auto;border:none;background-color:inherit;color:#fff}.about--button--open{margin-left:5px}.about--button--open:hover,.about--button--download:hover{color:#fe6e6e;cursor:pointer}.about--button--resume{background-color:inherit;border:none;font-family:quicksand,sans-serif;color:#fe6e6e;display:flex;align-items:center;padding:15px;box-shadow:0 0 5px 1px #fe6e6e;font-size:22px;font-weight:700;letter-spacing:1px;border-radius:6px;margin-top:30px}.about--button--resume:hover{background-color:#333231;box-shadow:0 0 5px 2px #fe6e6e}@media (min-width: 320px) and (max-width: 480px){body .skills{margin:20px 20px 50px}}.skills{margin:100px}.skill--card{margin:50px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,150px));gap:1.5rem}.skill--item{display:flex;flex-direction:column;align-items:center;padding:20px;border-radius:10px;border:1px solid rgb(254,110,110)}.skill--item:hover{box-shadow:0 0 3px 1px #fe6e6e;background-color:#333231;transform:scale(1.05)}.skill--item p{margin-top:10px}.github h2{display:flex;justify-content:center;margin-top:80px;margin-bottom:30px}.github strong{margin:0 10px;color:#fe6e6e}@media (min-width: 320px) and (max-width: 480px){body .project{margin:20px 20px 80px}body .project--card{margin:35px 0}}.project{margin:0 30px 0 100px}.project--card{margin:50px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,350px));gap:2.5em}.project--item{display:flex;flex-direction:column;align-items:center;padding:20px;border-radius:10px;box-shadow:0 0 6px 3px #fe6e6e;font-family:quicksand,sans-serif}.project--item:hover{box-shadow:0 0 12px 5px #fe6e6e}.project--image--container{width:300px;height:250px;overflow:hidden}.project--img{object-fit:contain;width:100%;height:100%;border-radius:10px;position:relative;opacity:1}.project--info{padding:10px;font-size:18px}.project--info h2{display:flex;align-items:center;justify-content:center}.project--item:hover h2{color:#fe6e6e}.project--info p{margin:20px 0;line-height:1.7}.project--info--button{display:flex;align-items:center;justify-content:space-evenly}.project--info--button button{display:flex;align-items:center;justify-content:space-evenly;background-color:inherit;color:#fff;padding:10px;border:1px solid;border-radius:5px;font-family:quicksand,sans-serif;font-size:14px;font-weight:700}.project--info--button button:hover{background-color:#333231;border-color:#fe6e6e;color:#fe6e6e;cursor:pointer}.project--button--margin{margin-right:8px}@media (min-width: 320px) and (max-width: 480px){body .contact{margin:40px 0 20px 20px}body .contact h3{margin:20px 0;letter-spacing:2px;font-size:21px}body .contact--form input,body textarea{max-width:95%}body .contact--grid{display:block}body .contact--vertical--line{display:none}body .contact--mail p{font-size:18px;margin:15px 5px 0 0}body .contact--mail a p{margin-top:5px!important}}@media (max-width: 1050px){body .contact--grid{display:block}body .contact--vertical--line{display:none}body .contact--mail p{margin:30px 0 10px}body .contact--mail a p{margin-top:0}}.contact{margin-left:100px;margin-bottom:100px}.contact h3{margin:30px 0;letter-spacing:3px;font-family:quicksand;font-size:25px}.contact--form{display:flex;flex-direction:column;gap:1em}.contact--form input,textarea{font-size:18px;font-family:quicksand,sans-serif;background-color:inherit;border:2px solid white;border-radius:5px;width:500px;padding:10px;color:#fff}.contact--form input:focus,textarea:focus{outline:none}.contact--form button{padding:10px 20px;margin-top:20px;width:100px;border-radius:5px;border:2px solid white;background-color:inherit;font-family:quicksand,sans-serif;font-size:18px;font-weight:700;color:#fff}.contact--form button:hover{background-color:#333231;border-color:#fe6e6e;color:#fe6e6e;cursor:pointer}.contact--grid{display:grid;grid-template-columns:auto 0 auto;gap:40px}.contact--vertical--line{border:2px solid rgb(254,110,110);height:100%}.contact--mail p{font-family:quicksand;font-size:22px;letter-spacing:.5px;line-height:2;margin-bottom:15px}.contact--mail a{display:flex;text-decoration:none;color:#fe6e6e}.contact--mail a p{margin-left:10px}@media (min-width: 320px) and (max-width: 480px){body .footer p{font-size:18px}}.footer{display:flex;align-items:center;justify-content:center;flex-direction:column;height:130px;border-top:1px solid;background-color:#242424}.footer--links a{color:#fff;margin:10px}.footer--links a:hover{color:#fe6e6e}.footer p{margin-top:20px;font-size:24px}