div.app-projects{width:100%;background-color:#e8e8e8}div.app-projects .projects-section{margin-top:5rem;padding-inline:.75rem}div.app-projects .projects-section h2{color:#0f1621;font-size:2rem;margin-bottom:1.5rem}div.app-projects .projects-section ul.projects-list{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:2rem;padding:0}div.app-projects .projects-section ul.projects-list li.project-card{max-width:25rem;padding:.5rem 1rem;background-color:#0f1621;border:.5rem solid #7fadeb;border-radius:1rem;box-shadow:.5rem .5rem .25rem #00000040}div.app-projects .projects-section ul.projects-list li.project-card .top-card{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:.125rem}div.app-projects .projects-section ul.projects-list li.project-card .top-card h3{font-size:1.5rem;min-width:10rem;max-width:10rem}div.app-projects .projects-section ul.projects-list li.project-card .top-card .top-technology-list{display:flex;padding:0}div.app-projects .projects-section ul.projects-list li.project-card .top-card .top-technology-list li{position:relative;z-index:3;left:1.75rem;min-width:2rem}div.app-projects .projects-section ul.projects-list li.project-card .top-card .top-technology-list li:nth-child(2){z-index:2;left:1rem}div.app-projects .projects-section ul.projects-list li.project-card .top-card .top-technology-list li:last-child{z-index:1;left:0}div.app-projects .projects-section ul.projects-list li.project-card .top-card .top-technology-list li img{width:auto;height:2rem}div.app-projects .projects-section ul.projects-list li.project-card div.img-card img{width:100%;height:auto;border:1px solid #7fadeb}div.app-projects .projects-section ul.projects-list li.project-card div.bottom-img{display:flex;align-items:center;position:relative;bottom:.75rem;background-color:#7fadeb;scale:105%;border-radius:.25rem}div.app-projects .projects-section ul.projects-list li.project-card div.bottom-img svg{width:auto;height:1.5rem;margin-inline:.25rem}div.app-projects .projects-section ul.projects-list li.project-card div.bottom-img p{color:#0f1621;font-weight:500;margin-block:.25rem}div.app-projects .projects-section ul.projects-list li.project-card div.description{margin-bottom:.25rem}div.app-projects .projects-section ul.projects-list li.project-card div.description h4{font-size:1rem;margin-bottom:.25rem}div.app-projects .projects-section ul.projects-list li.project-card div.description p{font-size:.875rem;text-align:justify;height:7.375rem}div.app-projects .projects-section ul.projects-list li.project-card div.technologies{margin-bottom:.5rem}div.app-projects .projects-section ul.projects-list li.project-card div.technologies h4{font-size:1rem;margin-bottom:.5rem}div.app-projects .projects-section ul.projects-list li.project-card div.technologies ul{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.5rem;padding:0}div.app-projects .projects-section ul.projects-list li.project-card div.technologies ul li figure{display:flex;flex-direction:column;align-items:center;gap:.25rem}div.app-projects .projects-section ul.projects-list li.project-card div.technologies ul li figure img{width:auto;height:2rem}div.app-projects .projects-section ul.projects-list li.project-card div.technologies ul li figure figcaption{font-size:.625rem}div.app-projects .projects-section ul.projects-list li.project-card div.link-buttons{display:flex;justify-content:space-between}div.app-projects .projects-section ul.projects-list li.project-card div.link-buttons a{display:flex;align-items:center;justify-content:center;background-color:#e8e8e8;padding:.375rem .75rem;gap:.25rem;border-radius:.25rem}div.app-projects .projects-section ul.projects-list li.project-card div.link-buttons a.website{flex-direction:row-reverse}div.app-projects .projects-section ul.projects-list li.project-card div.link-buttons a span{font-size:1rem;color:#0f1621;font-weight:700}div.app-projects .projects-section ul.projects-list li.project-card div.link-buttons a img,div.app-projects .projects-section ul.projects-list li.project-card div.link-buttons a svg{height:1.25rem;width:auto}@media(max-width:360px){div.app-projects .projects-section ul.projects-list li.project-card .top-card h3{font-size:1.25rem}}@media(min-width:425px){div.app-projects .projects-section{padding-inline:2rem}div.app-projects .projects-section h2{font-size:2.5rem}div.app-projects .projects-section ul.projects-list li.project-card .top-card h3{font-size:1.75rem;max-width:none;min-width:none}div.app-projects .projects-section ul.projects-list li.project-card div.bottom-img svg{height:1.75rem;margin-inline:.5rem .25rem}div.app-projects .projects-section ul.projects-list li.project-card div.bottom-img p{font-size:1.125rem}div.app-projects .projects-section ul.projects-list li.project-card div.description h4{font-size:1.25rem}div.app-projects .projects-section ul.projects-list li.project-card div.description p{font-size:1rem;height:8.125rem}div.app-projects .projects-section ul.projects-list li.project-card div.technologies h4{font-size:1.25rem}div.app-projects .projects-section ul.projects-list li.project-card div.technologies ul li figure img{height:2.5rem}div.app-projects .projects-section ul.projects-list li.project-card div.technologies ul li figure figcaption{font-size:1rem}div.app-projects .projects-section ul.projects-list li.project-card div.link-buttons{margin-bottom:.5rem}div.app-projects .projects-section ul.projects-list li.project-card div.link-buttons a{padding:.5rem 1rem;gap:.5rem}div.app-projects .projects-section ul.projects-list li.project-card div.link-buttons a span{font-size:1.25rem}div.app-projects .projects-section ul.projects-list li.project-card div.link-buttons a img,div.app-projects .projects-section ul.projects-list li.project-card div.link-buttons a svg{height:1.5rem}}@media(min-width:540px){div.app-projects .projects-section ul.projects-list li.project-card{max-width:28rem;padding:.5rem 1.5rem}div.app-projects .projects-section ul.projects-list li.project-card .top-card h3{font-size:2rem}div.app-projects .projects-section ul.projects-list li.project-card .top-card .top-technology-list li{left:2rem;top:.125rem}div.app-projects .projects-section ul.projects-list li.project-card .top-card .top-technology-list li:nth-child(2){left:1.125rem}div.app-projects .projects-section ul.projects-list li.project-card .top-card .top-technology-list li img{height:2.25rem}div.app-projects .projects-section ul.projects-list li.project-card div.bottom-img{bottom:1rem}div.app-projects .projects-section ul.projects-list li.project-card div.bottom-img svg{height:1.875rem;margin-inline:.625rem .5rem}div.app-projects .projects-section ul.projects-list li.project-card div.bottom-img p{font-size:1.375rem}div.app-projects .projects-section ul.projects-list li.project-card div.description{margin-bottom:.375rem}div.app-projects .projects-section ul.projects-list li.project-card div.description h4{font-size:1.375rem}div.app-projects .projects-section ul.projects-list li.project-card div.description p{font-size:1.125rem}div.app-projects .projects-section ul.projects-list li.project-card div.technologies{margin-bottom:.875rem}div.app-projects .projects-section ul.projects-list li.project-card div.technologies h4{font-size:1.375rem}div.app-projects .projects-section ul.projects-list li.project-card div.technologies ul{gap:.75rem}div.app-projects .projects-section ul.projects-list li.project-card div.technologies ul li figure{gap:.375rem}div.app-projects .projects-section ul.projects-list li.project-card div.technologies ul li figure img{height:3rem}div.app-projects .projects-section ul.projects-list li.project-card div.technologies ul li figure figcaption{font-size:1.125rem}div.app-projects .projects-section ul.projects-list li.project-card div.link-buttons a{gap:.625rem;border-radius:.5rem}div.app-projects .projects-section ul.projects-list li.project-card div.link-buttons a span{font-size:1.75rem}div.app-projects .projects-section ul.projects-list li.project-card div.link-buttons a img,div.app-projects .projects-section ul.projects-list li.project-card div.link-buttons a svg{height:1.75rem}}@media(min-width:920px){div.app-projects .projects-section{margin-inline:auto}}@media(min-width:1124px){div.app-projects .projects-section{margin-top:6rem;padding-inline:4rem}div.app-projects .projects-section h2{font-size:3rem}div.app-projects .projects-section ul.projects-list li.project-card{max-width:32rem;padding:.75rem 1.5rem}div.app-projects .projects-section ul.projects-list li.project-card .top-card h3{font-size:2.5rem}div.app-projects .projects-section ul.projects-list li.project-card .top-card .top-technology-list li{left:2.375rem}div.app-projects .projects-section ul.projects-list li.project-card .top-card .top-technology-list li:nth-child(2){left:1.375rem}div.app-projects .projects-section ul.projects-list li.project-card .top-card .top-technology-list li img{height:2.75rem}div.app-projects .projects-section ul.projects-list li.project-card div.bottom-img{bottom:1.25rem;border-radius:.25rem}div.app-projects .projects-section ul.projects-list li.project-card div.bottom-img svg{height:2rem;margin-inline:.625rem}div.app-projects .projects-section ul.projects-list li.project-card div.bottom-img p{font-size:1.5rem;margin-block:.25rem}div.app-projects .projects-section ul.projects-list li.project-card div.description{margin-bottom:.5rem}div.app-projects .projects-section ul.projects-list li.project-card div.description h4{font-size:1.5rem}div.app-projects .projects-section ul.projects-list li.project-card div.description p{font-size:1.25rem;height:8.5rem}div.app-projects .projects-section ul.projects-list li.project-card div.technologies{margin-bottom:1rem}div.app-projects .projects-section ul.projects-list li.project-card div.technologies h4{font-size:1.5rem;margin-bottom:.75rem}div.app-projects .projects-section ul.projects-list li.project-card div.technologies ul{gap:1rem}div.app-projects .projects-section ul.projects-list li.project-card div.technologies ul li figure{gap:.5rem}div.app-projects .projects-section ul.projects-list li.project-card div.technologies ul li figure img{width:auto;height:3.5rem}div.app-projects .projects-section ul.projects-list li.project-card div.technologies ul li figure figcaption{font-size:1.125rem}div.app-projects .projects-section ul.projects-list li.project-card div.link-buttons a{padding:.75rem 1rem;gap:.75rem;border-radius:.5rem}div.app-projects .projects-section ul.projects-list li.project-card div.link-buttons a span{font-size:2rem}div.app-projects .projects-section ul.projects-list li.project-card div.link-buttons a img,div.app-projects .projects-section ul.projects-list li.project-card div.link-buttons a svg{height:2rem;width:auto}}