@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;500;700&display=swap";:root{--black-color-bg: #0d1117;--gray-color: #161b22;--purple-color: #acb4fe;--purple-smoke-color: #cdd0f3;--white-smoke-color: #8b949e;--white-color: #e5e5e5;--gradient-color: linear-gradient(99.51deg, #cbbee7 9.03%, #ffffff 89.53%);--offwhite-color:rgb(207, 207, 171);--white-color-bg: rgb(207,207,171);--white-color-smoke-bg: #5f617cbe;--purple-dark-color:var(--purple-dark-color);--black-color: #212121}*{margin:0;padding:0;scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--white-smoke-color)}.dark-mode{transition:.15s;background-color:var(--black-color-bg)}.light-mode{transition:.15s;background-color:var(--white-color-bg)}.light-mode .header-title{background:var(--white-gradient-color);background-size:100%;background-repeat:repeat;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-moz-background-clip:text;-moz-text-fill-color:transparent}.light-mode a{color:var(--purple-dark-color)}.light-mode .header-title-box{background-color:var(--white-color-smoke-bg);color:var(--black-color)}.light-mode .container-icon{background-color:var(--white-color-smoke-bg)}.light-mode .mode-icon{color:var(--purple-dark-color)}.purple-text{color:var(--purple-color)}.purple-smoke-text{color:var(--purple-smoke-color)}.white-text{font-weight:500;color:var(--white-color)}.gray-text{color:var(--white-smoke-color)}.light-mode .purple-text{color:var(--purple-dark-color)}.light-mode .gray-text,.light-mode .white-text{color:var(--black-color)}.light-mode .purple-smoke-text{color:var(--gray-color)}.light-mode .project-box{background-color:var(--purple-smoke-color)}.light-mode .link-decoration,.light-mode .icon-change{color:var(--purple-dark-color)}.light-mode .line{background:linear-gradient(180deg,#e1e3f9 0%,var(--purple-dark-color) 100%)}.container{position:relative;width:auto;max-width:40rem;padding:0 1.5rem;margin:0 auto}@media(max-width:425px){.container{max-width:100%;padding:5px}}.container-mode{display:flex;flex-wrap:wrap;padding:1rem 0;justify-content:space-around;align-items:center}.mode-left ul{display:flex;list-style:none}.mode-left ul li{margin:0 1.5rem}.left-source{display:flex;align-items:center}.source-icon{padding-right:5px}.container-icon{cursor:pointer;padding:.5rem .6rem;border:none;background:var(--gray-color);border-radius:10px}.mode-icon{color:var(--purple-smoke-color);font-size:18px}a{display:inline-flex;align-items:center;color:var(--white-color);text-decoration:none}.link-decoration{position:relative;color:#fff}.link-decoration:before,.link-decoration:after{content:"";width:100%;height:2px;position:absolute;bottom:0;left:0}.link-decoration:after{background:#fff;transform:scaleX(0);transform-origin:right;transition:transform .3s ease-out}.icon-change{display:grid;width:15px;margin-left:10px;grid-template-columns:repeat(2,1fr);column-gap:20px;overflow-x:hidden}.icon-change img{width:15px;transform:translate(-35px);transition:transform .3s ease-out}a:hover .link-decoration:after{transform:scaleX(1);transform-origin:left}a:hover img{transform:translate(0)}*{color:#232323}.dark-mode *{color:#cfcfab}.hero-section{font-weight:300;text-align:center;margin-top:17vh}.light-text{font-weight:100}h1{font-size:160px;font-weight:700}.subtext{font-size:80px}.dark{background-color:#232323;transition:.3s}.switch{width:80px;height:40px;background-color:#232323;border-radius:20px;position:relative}.dark .switch{background-color:#fff}.toggle{width:30px;height:30px;transition:.3s;border-radius:15px;background-color:#fff;position:absolute;top:5px;left:5px}.dark .switch .toggle{background-color:#232323}body{transition:.3s}.moon-container{position:absolute;width:20px;height:20px;transition:.3s}.dark .moon{box-shadow:4px 4px #232323;top:5px}.moon{width:20px;height:20px;border-radius:10px;position:relative;top:10px;left:45px;box-shadow:8px 0 0 -4px #fff,-8px 0 0 -4px #fff,0 8px 0 -4px #fff,0 -8px 0 -4px #fff,6px -6px 0 -4px #fff,-6px -6px 0 -4px #fff,-6px 6px 0 -4px #fff,6px 6px 0 -4px #fff}.dark .toggle{transform:translate(40px)}.dark .moon-container{transform:translate(-40px)}.sun{width:8px;height:8px}.hero-underline{height:6px;width:80%;margin:10px auto auto;border-radius:3px}.dark-mode .hero-underline{background-color:#fff}.light-mode .hero-underline{background-color:#000}@media only screen and (max-width:600px){.hero-section{margin-top:0}h1 *{font-size:80px;font-weight:300}.hero-section .subtext{font-size:40px}}@media only screen and (max-width:885px){.hero-section{margin-top:0}}.skills-card{border:solid black 2px;position:absolute}.dark-mode .skills-card h4{color:#0d1117}.dark-mode .skills-card h4{color:#cfcfab}.skills-card-image{max-height:60px}.skills-card-text{font-size:14px}.skill-card-container{border-radius:7px;height:100px;width:75px;margin:1rem;display:flex;justify-content:center;flex-direction:column;text-align:center;align-items:center}.skill-card-container:hover .skills-card{opacity:50%}.skill-card-container:hover .snippet{visibility:visible;transform:translateY(-160px);scale:1}.skill-card-container .snippet{position:absolute;visibility:hidden;transition:.2s ease-in-out;scale:.1}.snippet-image{max-height:200px;border-radius:7.5px}