*{margin:0;padding:0}:root{--blue: #3690ff;--dark: #181818;--light: #f9f9f9;--text: #636363}body{font-family:Inter,sans-serif;line-height:1.2;font-size:calc(15px + .390625vw);box-sizing:border-box;overflow-x:hidden;background-color:var(--light)}section{max-width:100%;padding:2.2rem 0}.container{max-width:900px;margin:0 auto;padding:0 1rem;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem}.col{display:flex;flex-direction:column;gap:1.2rem}a{font-size:1rem;color:var(--blue);text-decoration:none}a:hover{opacity:80%}img{height:auto;width:100%}h1,h2,h3,h4,h5,h6{color:var(--dark);font-weight:600}h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:2rem}h4{font-size:1.5rem}h5{font-size:1.2rem}h6{font-size:.75rem}p{font-size:1rem;line-height:1.5;color:var(--text)}svg{margin-bottom:-3.5px}.porto-card-cont{padding:1rem;display:flex;flex:1 1 250px;border:1px solid #ccc;border-radius:12px;transition:all .3s}.porto-card-cont:hover{transform:scale(1.05);transition:all .3s}.porto-card-cont .porto-card{display:flex;flex-direction:column;gap:1rem}.porto-card-cont .porto-card p{text-align:center}.porto-card-cont .porto-card img{border-radius:9px}.porto-card-cont .porto-card .desc{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}section#nav{padding:1rem 0;border-bottom:1px solid #ccc}#nav a{color:var(--dark)}#nav .col .back{display:none}#hero .col:first-child{width:20%}#hero .col:last-child{width:75%}#hero .col img{width:90%;border-radius:50%;transition:all .5s}#hero .col img:hover{transform:scale(1.1);transition:all .5s}@media only screen and (max-width: 480px){#hero .container .col{width:100%}#hero .col img{width:60%;margin:0 auto;border-radius:50%}#hero .col:last-child h1{font-size:2.4rem}}.content .container .col{flex-direction:row}.content .col .card{padding:1rem;display:flex;flex-direction:column;gap:1rem;border:1px solid #ccc;border-radius:12px;transition:all .3s}.content .col a:hover{opacity:100%}.content .col .card-cont{display:flex;flex-direction:column}.content .col .card:hover{margin-top:-9px;transition:all .3s;opacity:100%;box-shadow:0 4px 6px #0000001a}@media only screen and (max-width: 480px){.content .container .col{flex-wrap:wrap}}#tool .container{justify-content:center}#tool .container .col{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem}#tool .container .col svg{height:auto;width:33px;color:var(--dark);transition:all .5s}#tool .container .col svg:hover{transform:scale(.9);color:var(--blue);transition:all .5s}#quote .col{width:100%}#quote .col p{margin:0 auto;text-align:center;color:var(--dark)}section#footer{padding:1rem 0;border-top:1px solid #ccc}#footer .footer p{text-align:center}#porto .col .back{display:block}#porto .col .email{display:none}#portofolio .container .col{display:flex;flex-direction:row;flex-wrap:wrap}#price .col .back{display:block}#price .col .email{display:none}.pricing .container .col{flex-direction:row;flex-wrap:wrap}.pricing .col .card{padding:1rem;display:flex;flex-direction:column;gap:1rem;border:1px solid #ccc;border-radius:12px;transition:all .3s}.pricing .col .card .btn{margin-top:1rem;display:flex;justify-content:space-between;align-items:center}.pricing .col .card-cont{display:flex;flex:1 1 250px;flex-direction:column}.inpage .container{min-height:70vh}@media only screen and (max-width: 760px){.inpage .container{min-height:80vh}}.skeleton-container{position:relative;width:100%;height:100%}.skeleton{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#e0e0e0;animation:pulse 1.5s infinite ease-in-out;border-radius:8px}.skeleton-img{width:100%;height:100%;object-fit:cover;border-radius:8px;transition:opacity .5s ease}.skeleton-img.hidden{opacity:0}.skeleton-img.visible{opacity:1}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}