body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.portfolio-container{background-color:#000;background-image:url(/static/media/bgservice.acfe3883e229391f1026.png);background-position:50%;background-repeat:no-repeat;background-size:cover;text-align:center}.portfolio-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.header-content{flex:1 1;text-align:left}.portfolio-heading{color:#fff;font-size:70px;font:normal normal normal 40px/90px Poppins;line-height:10px;margin-left:40%;margin-top:50px}.portfolio-heading span{color:red;font-size:50px}.portfolio-links{color:#fff;display:flex;font:normal normal 700 25px/38px Poppins;gap:30px;margin-right:30%}.portfolio-links span{cursor:pointer;font-size:25px;transition:all .3s ease}.portfolio-links span:not(.active){font-size:20px;font-weight:400}.portfolio-links .active,.portfolio-links :hover{color:#fb0;font-size:30px;font-weight:700}.portfolio-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:70px}.portfolio-card{align-items:center;display:flex;flex-direction:column;justify-content:center;overflow:hidden;position:relative;text-align:center}.portfolio-img{height:100%;width:100%}.toggle-container{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:40px;margin-top:10px}.rect-toggle1,.rect-toggle2{background-color:#666;border-radius:5px;cursor:pointer;height:5px;transition:width .3s ease,background-color .3s ease;width:50px}.rect-toggle1.active,.rect-toggle2.active{background-color:#fb0;width:100px}@media (max-width:426px) and (min-width:320px){.portfolio-container{padding:10px}.portfolio-header{align-items:center;flex-direction:column;text-align:center}.portfolio-heading{font-size:20px;line-height:50%;margin:20px 0 20px -150%;text-align:center}.portfolio-heading span{font-size:20px}.portfolio-links{align-items:center;flex-direction:row;font-size:16px;gap:10px;margin-right:0}.portfolio-links span{font-size:18px}.portfolio-links span:not(.active){font-size:16px}.portfolio-links .active,.portfolio-links :hover{font-size:20px}.portfolio-grid{gap:5px;grid-template-columns:repeat(2,1fr);padding:10px}.portfolio-card{width:100%}.portfolio-img{border-radius:10px;height:auto;width:100%}.toggle-container{gap:5px;margin-bottom:20px}.rect-toggle1,.rect-toggle2{height:4px;width:30px}.rect-toggle1.active,.rect-toggle2.active{width:60px}}
/*# sourceMappingURL=main.c60999d4.css.map*/