.flex{display:flex}.flex>*.full{flex:1}.flex.column{flex-direction:column}.flex.justify-center{justify-content:center}.flex.align-center{align-items:center}.flex.justify-end{justify-content:flex-end}.flex.space-between{justify-content:space-between}.flex.space-evenly{justify-content:space-evenly}.flex.gap5{gap:5px}.flex.gap10{gap:10px}.flex.gap15{gap:15px}.flex.gap20{gap:20px}.flex.gap25{gap:25px}.flex.gap30{gap:30px}.main-container{display:grid;grid-template-columns:50px 1fr 50px}.main-container>*{grid-column:2}.main-container>*.full{grid-column:1/-1}@media (max-width: 500px){.main-container{grid-template-columns:10px 1fr 10px}}@media (min-width: 1350px){.main-container{grid-template-columns:1fr 1300px 1fr}}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));grid-gap:50px}*{box-sizing:border-box}html{font-family:Arial,Helvetica,sans-serif;line-height:1.6}body{font-size:1.125rem;margin:auto;min-width:350px}.home,.about,.projects,.skills{min-height:100vh;background-color:#fafafa;padding-block:110px}.home .sub-header-page,.home .head-page,.about .sub-header-page,.about .head-page,.projects .sub-header-page,.projects .head-page,.skills .sub-header-page,.skills .head-page{text-align:center;margin-block-end:50px;max-width:900px;align-self:center}h1,h2,h3,h4,h5,h6{font-family:Arial,Helvetica,sans-serif;margin:0;line-height:1}img{width:100%}p{margin:0}a{text-decoration:none}button{border:0;color:#f5f5f5;background-color:transparent;padding:5px 10px;border-radius:5px;cursor:pointer}.prim-btn{background-color:#facf0f;color:#000;border-radius:5px;font-size:26px;text-transform:uppercase;font-weight:700;padding:15px 75px;box-shadow:0 5px 15px #00000026;transition:transform .3s}.prim-btn:hover{transform:translateY(-6px)}.head-page{position:relative;font-size:35px;text-transform:uppercase;text-align:center}.head-page:after{content:"";position:absolute;top:50px;height:5px;width:3rem;background:#FACF0F;left:50%;transform:translate(-50%);border-radius:5px}.home{position:relative;background:linear-gradient(to right,rgba(245,245,245,.8),rgba(245,245,245,.8)),url(/Carmel-Amarilio-web/img/common-bg.svg)}.home .social{position:absolute;top:40%;left:0%;transform:translateY(-50%);width:65px;background-color:#fff;padding:5px}.home .social button:hover{background-color:#facf0f4d}.home .content{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);max-width:800px;text-align:center}.home .content h1{font-size:3em;text-transform:uppercase;margin:0}.home .content p{max-width:700px}@media (max-width: 970px){.home .content h1{font-size:2.5em}}@media (max-width: 500px){.home{height:120vh}.home .social{display:none}}.about{padding-block:150px}.about .head-page{position:relative;font-size:35px;text-transform:uppercase}.about .head-page:after{content:"";position:absolute;top:50px;height:5px;width:3rem;background:#FACF0F;left:50%;transform:translate(-50%);border-radius:5px}.about p{padding-block:20px}.about p,.about ul{color:#666}.about p span,.about p a,.about ul span,.about ul a{color:#666;font-weight:700}.about li p{padding:0;margin-inline-start:50px}.projects .prj-list .prj{position:relative;display:grid;grid-template-columns:3fr 2fr;gap:5rem;padding-block:50px}.projects .prj-list .prj .rsis-image{width:100%;height:100%;object-fit:cover;object-position:"center";width:min-content}.projects .prj-list .prj .rsis-container div{width:50px;background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden;transition:all}.projects .prj-list .prj .prj-details{padding-block:30px}.projects .prj-list .prj .prj-details .prj-name{font-size:2em}.projects .prj-list .prj .prj-details .prim-btn{font-size:20px;font-weight:700;padding:15px 55px}@media (max-width: 970px){.projects .prj-list .prj{grid-template-columns:1fr;grid-template-rows:max-content max-content;gap:0rem;padding-block:75px 30px}.projects .prj-list .prj .prj-details{gap:15px;text-align:center;align-items:center}.projects .prj-list .prj .prj-details .prj-name{position:absolute;top:0}.projects .prj-list .prj .prj-name{order:-1}}@media (max-width: 500px){.projects .prj-list .prj .prj-details .btn-sec{gap:10px}}.skills{background:linear-gradient(to right,rgba(245,245,245,.8),rgba(245,245,245,.8)),url(/Carmel-Amarilio-web/img/common-bg.svg)}.skills .skills-co{max-width:1000px;justify-self:center}@media (max-width: 970px){.skills .card-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));grid-gap:30px}}.app-header{position:sticky;top:0;z-index:5;padding:20px 0;text-transform:uppercase;background-color:#fff;box-shadow:0 10px 100px #0000001a}.app-header .profile{width:50px;height:50px;border-radius:50%}.app-header .link-btn{color:#333}.app-header .van-btn{width:50px;display:none}.app-header .van-btn:hover{background-color:#facf0f4d}.app-header nav .link-btn{color:#333;text-transform:uppercase;font-size:1em;font-weight:700;text-align:start;padding-inline-start:0}.app-header nav .link-btn:hover{color:#facf0f}.app-header .nav-back{display:none;position:absolute;left:0;top:0;width:100vw;height:100vh;z-index:5}@media (max-width: 970px){.app-header{font-size:.8em}.app-header .van-btn{display:block}.app-header nav{position:absolute;flex-direction:column;background-color:#fff;padding:20px;top:90px;right:0;z-index:6}.app-header nav.close{display:none}.app-header .nav-back{display:block}.app-header .nav-back.close{display:none}}@media (max-width: 500px){.app-header{font-size:.7em}}.app-footer{background-color:#000;color:#fff}.app-footer p{font-size:.7em}.app-footer section{padding-block:50px;border-bottom:1px solid lightgray}.app-footer section .name{max-width:400px}.app-footer section .social button{padding:0}.app-footer section .social button img{height:30px;width:30px}@media (max-width: 500px){.app-footer section{flex-direction:column-reverse;gap:40px}.app-footer section .social,.app-footer section .name{align-self:start}.app-footer section .social button img{height:25px;width:25px}}.app-footer .copyright{padding-block:30px;margin:auto}