@font-face{font-family:'arjun-portfolio-icons';src:url("/assets/fonts/arjun-portfolio-icons.eot?47zcxl");src:url("/assets/fonts/arjun-portfolio-icons.eot?47zcxl#iefix") format("embedded-opentype"),url("/assets/fonts/arjun-portfolio-icons.ttf?47zcxl") format("truetype"),url("/assets/fonts/arjun-portfolio-icons.woff?47zcxl") format("woff"),url("/assets/fonts/arjun-portfolio-icons.svg?47zcxl#arjun-portfolio-icons") format("svg");font-weight:normal;font-style:normal}*{box-sizing:border-box;font-family:'Open Sans'}:root{--main-background-color: #121212;--main-text-color: #ffffff}::-webkit-scrollbar{width:18px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{border-radius:9px;border:solid 6px transparent;background-clip:content-box}::-webkit-scrollbar-thumb{background-color:#c8c8c8}::-webkit-scrollbar-button,::-webkit-scrollbar-corner{cursor:pointer;display:none}::-webkit-scrollbar-button,::-webkit-scrollbar-corner{background:red}::-webkit-scrollbar-arrow-color{color:white}@media screen and (max-width: 800px){::-webkit-scrollbar{width:0}}html,body{margin:0;padding:0;border:none;background-color:var(--main-background-color);color:var(--main-text-color);height:100%;width:100%;font-size:16px;overflow-y:auto}@media screen and (max-width: 1024px){html,body{overflow-x:hidden}}html.light,body.light{--main-background-color: #ffffff;--main-text-color: #121212}.theme{position:absolute;background:#ffffff;height:40px;width:40px;right:24px;top:24px;border-radius:100%;z-index:0}h1{font-size:4em;margin:0}@media screen and (max-width: 1024px){h1{font-size:3em}}h2{font-size:2em;margin:0}@media screen and (max-width: 1024px){h2{font-size:1.5em}}@media screen and (max-width: 1024px){h1,h2,h3,h4{text-align:center}}.social{display:flex;margin-top:48px;padding-bottom:48px}@media screen and (max-width: 1024px){.social{justify-content:center}}.social a{color:var(--main-text-color);text-decoration:none;font-size:1.5em;margin-right:24px;opacity:0.8}.social a:hover{opacity:1}.social a:last-child{margin-right:0}.social a i{font-family:'arjun-portfolio-icons';font-style:normal}.main-container{margin:0 auto;max-width:1140px;min-height:100%;height:100%;padding:0 24px;z-index:1}.main-container .intro{display:flex;width:100%;align-items:center;flex:0 0 100%;height:98%}@media screen and (max-width: 1024px){.main-container .intro{flex-direction:column-reverse}}.main-container .intro .details{flex:0 0 50%;display:flex;flex-direction:column}@media screen and (max-width: 1024px){.main-container .intro .details{flex:0 0 60%;justify-content:center;align-items:center}}.main-container .intro .details h1{margin:12px 0}.main-container .intro .details h2{margin:6px 0;margin-bottom:48px}.main-container .intro .details .mail,.main-container .intro .details .location{display:flex;align-items:center;font-size:1.25em;margin-top:16px}@media screen and (max-width: 1024px){.main-container .intro .details .mail,.main-container .intro .details .location{justify-content:center}}.main-container .intro .details .mail a,.main-container .intro .details .mail span,.main-container .intro .details .location a,.main-container .intro .details .location span{text-decoration:none;color:var(--main-text-color);margin-left:12px}.main-container .intro .details .mail a:hover,.main-container .intro .details .location a:hover{text-decoration:underline}.main-container .intro .details .mail i,.main-container .intro .details .location i{font-family:'arjun-portfolio-icons';font-style:normal}.main-container .intro .details .social{display:flex;margin-top:48px}@media screen and (max-width: 1024px){.main-container .intro .details .social{justify-content:center}}.main-container .intro .details .social a{color:var(--main-text-color);text-decoration:none;font-size:1.5em;margin-right:24px;opacity:0.8}.main-container .intro .details .social a:hover{opacity:1}.main-container .intro .details .social a:last-child{margin-right:0}.main-container .intro .details .social a i{font-family:'arjun-portfolio-icons';font-style:normal}.main-container .intro .photo{flex:0 0 50%;display:flex;justify-content:center;align-items:center;-o-object-fit:contain;object-fit:contain}@media screen and (max-width: 1024px){.main-container .intro .photo{flex:0 0 40%}.main-container .intro .photo img{align-self:center;width:50vw}}.main-container .intro .photo img{background-color:white;border-radius:100%;transition:all 0.3s ease-out;max-width:60%}.main-container .intro .photo img:hover{-webkit-transform:scale(1.1);transform:scale(1.1);transition:all 0.3s ease-in}.main-container .about{margin-bottom:48px}.main-container .about h2{margin-bottom:48px}.main-container .about p{line-height:1.75;text-align:justify}.main-container .expertise h2{margin:0;margin-bottom:48px}.main-container .expertise h3{margin:0;margin-bottom:72px}.main-container .expertise .card{display:flex;flex-wrap:wrap;margin-top:32px}@media screen and (max-width: 1024px){.main-container .expertise .card{justify-content:center}}.main-container .expertise .card .item{width:128px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:48px;overflow:hidden;cursor:pointer}@media screen and (max-width: 1024px){.main-container .expertise .card .item{width:100px}.main-container .expertise .card .item span{-webkit-transform:translateY(0) !important;transform:translateY(0) !important;font-size:0.8em}.main-container .expertise .card .item img{height:48px !important}.main-container .expertise .card .item i{font-size:48px !important}}.main-container .expertise .card .item:hover span{-webkit-transform:translateY(0);transform:translateY(0);transition:all 0.3s ease}.main-container .expertise .card .item i{font-family:'arjun-portfolio-icons';font-style:normal;font-size:64px}.main-container .expertise .card .item img{height:64px;align-self:center}.main-container .expertise .card .item span{display:flex;justify-content:center;font-weight:600;margin-top:8px;-webkit-transform:translateY(150%);transform:translateY(150%);transition:all 0.3s ease;text-align:center;white-space:nowrap}@media screen and (max-width: 1024px){.main-container .expertise .card .item span{white-space:initial}}.main-container .experience{margin-bottom:24px}.main-container .experience .card{margin-top:48px;background:rgba(255,255,255,0.1);padding:24px;box-shadow:1rem 0 3rem #000}@media screen and (max-width: 1024px){.main-container .experience .card{margin-right:-24px;margin-left:-24px}}.main-container .experience .card h3{margin:0;margin-bottom:12px}.main-container .experience .card h4{margin:0;margin-bottom:8px}.main-container .experience .card h4.company{font-style:italic}.main-container .experience .card h4.time{font-weight:300}.main-container .experience .card .description p{text-align:justify;line-height:1.75}.main-container .projects .cards{display:flex;flex-wrap:wrap}.main-container .projects .cards .card{flex:0 0 calc(50% - 24px);background:rgba(255,255,255,0.1);margin-right:24px;margin-bottom:24px;padding:24px;box-shadow:1rem 0 3rem #000}@media screen and (max-width: 1024px){.main-container .projects .cards .card{flex:0 0 calc(100% + 48px);margin-left:-24px}}.main-container .projects .cards .card h4{margin:0;margin-bottom:12px}.main-container .projects .cards .card .thumb{display:flex;justify-content:center;align-items:center;overflow:hidden;width:100%}.main-container .projects .cards .card .thumb img{width:100%;max-width:500px}.main-container .projects .cards .card .thumb iframe{width:100%;max-width:500px}.main-container .projects .cards .card .details{padding:12px 0;line-height:1.5;text-align:justify}.main-container .projects .cards .card .details a{color:var(--main-text-color)}.main-container .projects .cards .card .links{display:flex;flex-direction:column;font-size:0.9em;font-style:italic;line-height:1.5}.main-container .projects .cards .card .links a{color:var(--main-text-color)}.main-container .projects .cards .card .tags{display:flex;flex-wrap:wrap;padding-top:12px}.main-container .projects .cards .card .tags span{font-size:0.8em;border:1px solid var(--main-text-color);border-radius:8px;margin-right:8px;margin-bottom:8px;padding:2px 8px}