.portfolio-filter{display:flex;justify-content:center;position:relative;}.portfolio-filter .filter-items{display:inline-flex;justify-content:center;align-items:center;height:66px;padding:10px 30px;background-color:#888;column-gap:10px;border-radius:33px;}.portfolio-filter .filter-items label{display:flex;justify-content:center;align-items:center;}.portfolio-filter .filter-items label:hover{cursor:pointer;}.portfolio-filter .filter-items label>input[type="radio"]{display:none;}.portfolio-filter .filter-items label>span{display:block;background-color:white;padding:10px 20px;border-radius:10px;font-weight:600;font-size:18px;transition:all .3s ease;}.portfolio-filter .filter-items label>input[type="radio"]:checked + span{background-color:var(--red);color:white;transition:all .3s ease;}.portfolio-cards{grid-template-columns:repeat(2,minmax(0,1fr));}.portfolio-card{display:flex;flex-direction:column;align-items:flex-start;row-gap:5px;border:solid 2px var(--red);border-radius:20px;padding:20px;}.portfolio-card h2,.portfolio-card figure,.portfolio-card p{margin:0;}.portfolio-card .portfolio-head{display:flex;gap:20px;}.portfolio-card .portfolio-head figure{position:relative;width:200px;aspect-ratio:3 / 2;background-size:cover;background-repeat:no-repeat;background-position:center;border:solid 1px #333;}.portfolio-card .portfolio-head .head-title{display:flex;flex-direction:column;align-items:flex-start;}.portfolio-card .portfolio-head .head-title h2{font-weight:500;font-size:20px;color:var(--sapphire);}.portfolio-card .portfolio-head .head-title b{font-weight:500;display:inline-flex;justify-content:center;align-items:center;padding:0 20px;background-color:var(--sapphire);color:white;font-size:12px;height:30px;margin-bottom:15px;}.portfolio-card .summary{font-size:16px;text-align:justify;}.portfolio-card .features{font-size:15px;border-top:solid 1px #888;border-bottom:solid 1px #888;margin-top:5px;padding-top:10px;margin-bottom:5px;padding-bottom:10px;}.portfolio-card .portfolio-summary{list-style:none;padding:0;margin:0 0 20px 0;display:flex;flex-wrap:wrap;gap:5px;}.portfolio-card .portfolio-summary>li{padding:4px 8px;font-size:1rem;font-weight:500;}.portfolio-card .portfolio-summary>li:nth-child(5n+1){background-color:#1F2937;color:#fff;}.portfolio-card .portfolio-summary>li:nth-child(5n+2){background-color:#F59E0B;color:#000;}.portfolio-card .portfolio-summary>li:nth-child(5n+3){background-color:#2563EB;color:#fff;}.portfolio-card .portfolio-summary>li:nth-child(5n+4){background-color:#B5B7CB;color:#000;}.portfolio-card .portfolio-summary>li:nth-child(5n+5){background-color:#059669;color:#fff;}.portfolio-card .portfolio-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;position:relative;margin:10px 0;border:dashed 2px var(--sapphire);padding:25px 10px 15px 10px;}.portfolio-card .portfolio-gallery::after{content:'Screenshots';position:absolute;top:-10px;right:10px;background-color:white;color:var(--sapphire);padding:0 10px;font-size:12px;font-weight:500;}.portfolio-card .portfolio-gallery>a{display:block;position:relative;border:solid 1px black;opacity:.7;transition:all .3s ease;}.portfolio-card .portfolio-gallery>a:hover{opacity:1;border:solid 1px var(--red);transition:all .3s ease;}.portfolio-card .portfolio-gallery>a>img{display:block;width:100%;}.portfolio-card .portfolio-buttons{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:10px;}.portfolio-card .portfolio-buttons a.visit{display:flex;align-items:center;justify-content:center;column-gap:10px;font-size:13px;font-weight:500;margin:20px auto 10px auto;transition:all .2s ease;height:30px;border:solid 2px var(--red);border-radius:15px;padding:0 20px;}.portfolio-card .portfolio-buttons a.visit:hover{transition:all .2s ease;background-color:var(--red);color:white;}.portfolio-card .portfolio-buttons a.visit.dud:hover{cursor:not-allowed;}.info-container,.info-content{display:none;}.info-container{width:100vw;height:100vh;position:fixed;left:0;top:0;z-index:9995;background-color:rgba(255,255,255,.8);}.info-container .info-modal{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:600px;height:90vh;overflow-y:scroll;background-color:white;box-shadow:0 0 30px #333;padding:100px 50px;}.info-container .info-modal .info-close{display:flex;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:600;width:100px;height:26px;border:solid 2px var(--red);border-radius:13px;position:absolute;top:40px;right:40px;}.info-container .info-modal .info-content{position:relative;}.info-container .info-modal .info-content .modal-title{font-weight:600;color:var(--sapphire);}.info-container .info-modal .info-content .modal-description{font-size:.75em;text-align:justify;}.info-container .info-modal .info-content .modal-images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;position:relative;}.info-container .info-modal .info-content .modal-images::before{content:'Project Images:';font-size:.75em;font-weight:600;color:var(--sapphire);position:absolute;left:0;top:-30px;}.info-container .info-modal .info-content .modal-images>a{display:block;aspect-ratio:1 / 1;border:solid 1px black;opacity:.5;transition:all .2s ease;}.info-container .info-modal .info-content .modal-images>a:hover{border:solid 1px var(--red);opacity:1;}.info-container .info-modal .info-content .modal-images>a>img{display:block;width:100%;}@media all and (max-width:1365px){.portfolio-cards{grid-template-columns:repeat(1,minmax(0,1fr))}}@media all and (max-width:767px){.portfolio-filter .filter-items{height:120px;padding:10px;border-radius:20px;flex-wrap:wrap}}