@import url(https://fonts.googleapis.com/css2?family=FontName&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;700&display=swap);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}body{font-family:FontName,sans-serif}.header{align-items:center;background-color:#fff;display:flex;justify-content:flex-end;left:0;padding:20px;position:fixed;top:0;transition:background-color .3s ease;width:100%;z-index:999}.header.sticky{background-color:#f5f5f5}.header-ul{margin-right:50px;margin-top:38px}.header-left{color:#333;font-size:2rem;font-weight:700;margin-left:20px;margin-right:auto;padding:20px 30px}a{border-bottom:none;text-decoration:none}nav{margin-left:120px}nav ul li:first-child{margin-left:0}nav ul{display:flex;gap:20px;list-style:none}nav ul li{margin:0}nav ul li a{border-radius:4px;color:#333;font-weight:700;padding:10px;text-decoration:none;transition:background-color .3s ease}nav ul li a:hover{background-color:#ccc}.main-section{align-items:flex-start;display:flex;height:600px;justify-content:center;margin-top:300px;overflow-y:auto;padding:0 20px}.main-content{margin-left:60px}.right-content img{width:300px}.main-content{display:flex;gap:40px}.left-content{flex:1 1;text-align:left}.right-content{align-items:center;display:flex;flex:1 1;flex-direction:column}.right-content img{height:auto;max-width:100%}.left-content h2{font-size:3em}.icon{font-size:40px;margin-bottom:40px}.github-icon{font-size:32px;margin-right:8px;transition:none}.tech-stack{align-items:center;display:flex;flex-wrap:nowrap;gap:10px;justify-content:center;margin-top:20px;overflow-x:auto;white-space:nowrap;width:100%}.tech-stack p{font-size:2rem;margin-right:50px}.tech-stack .icon{flex:none;font-size:2rem;margin-top:50px}.github-link:hover{color:#333}.github-link{align-items:center;color:#333;display:flex;text-decoration:none}*,:after,:before{box-sizing:border-box;margin:0;padding:0}.project{display:flex}body{--color:#1e1e1e;--bgColor:#f5f5f5;grid-gap:2rem;align-content:center;background:var(--bgColor);color:var(--color);display:grid;font-family:Poppins,sans-serif;gap:2rem;min-height:100vh;padding:2rem}h1{text-align:center}ul{--col-gap:2rem;--row-gap:2rem;--line-w:0.25rem;grid-column-gap:var(--col-gap);-webkit-column-gap:var(--col-gap);column-gap:var(--col-gap);display:grid;grid-auto-columns:-webkit-max-content;grid-auto-columns:max-content;grid-template-columns:var(--line-w) 1fr;list-style:none;margin-inline:auto;width:min(60rem,90%)}ul:before{background:#e1e1e1;border-radius:calc(var(--line-w)/2);content:"";grid-column:1;grid-row:1/span 20}ul li:not(:last-child){margin-bottom:var(--row-gap)}ul li{--inlineP:1.5rem;display:grid;grid-column:2;grid-row:span 2;grid-template-rows:-webkit-min-content -webkit-min-content -webkit-min-content;grid-template-rows:min-content min-content min-content;margin-inline:var(--inlineP)}ul li .date{--dateH:3rem;background-color:var(--accent-color);border-radius:calc(var(--dateH)/2) 0 0 calc(var(--dateH)/2);color:#fff;display:grid;font-size:1.25rem;font-weight:700;height:var(--dateH);margin-inline:calc(var(--inlineP)*-1);place-content:center;position:relative;text-align:center}ul li .date:before{background:var(--accent-color);background-image:linear-gradient(rgba(0,0,0,.2) 100%,transparent);-webkit-clip-path:polygon(0 0,100% 0,0 100%);clip-path:polygon(0 0,100% 0,0 100%);right:0;top:100%;width:var(--inlineP)}ul li .date:after,ul li .date:before{aspect-ratio:1;content:"";position:absolute}ul li .date:after{background:var(--bgColor);border:.3rem solid var(--accent-color);border-radius:50%;right:calc(100% + var(--col-gap) + var(--line-w)/2);top:50%;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);width:2rem}ul li .descr,ul li .title{background:var(--bgColor);padding-inline:1.5rem;position:relative}ul li .title{-webkit-padding-before:1.5rem;-webkit-padding-after:1rem;font-weight:500;overflow:hidden;padding-block-end:1rem;padding-block-start:1.5rem}ul li .descr{-webkit-padding-after:1.5rem;font-weight:300;padding-block-end:1.5rem}ul li .descr:before,ul li .title:before{background:rgba(0,0,0,.5);border-radius:50%;content:"";-webkit-filter:blur(4px);filter:blur(4px);height:.5rem;left:50%;position:absolute;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%);width:90%}ul li .title:before{bottom:calc(100% + .125rem)}ul li .descr:before{bottom:.25rem;z-index:-1}@media (min-width:40rem){ul{grid-template-columns:1fr var(--line-w) 1fr}ul:before{grid-column:2}ul li:nth-child(odd){grid-column:1}ul li:nth-child(2n){grid-column:3}ul li:nth-child(2){grid-row:2/4}ul li:nth-child(odd) .date:before{-webkit-clip-path:polygon(0 0,100% 0,100% 100%);clip-path:polygon(0 0,100% 0,100% 100%);left:0}ul li:nth-child(odd) .date:after{left:calc(100% + var(--col-gap) + var(--line-w)/2);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}ul li:nth-child(odd) .date{border-radius:0 calc(var(--dateH)/2) calc(var(--dateH)/2) 0}}.credits{margin-top:1rem;text-align:right}.credits a{color:var(--color)}html{scroll-behavior:smooth}.container{display:grid;grid-template-rows:auto auto 1fr;min-height:100vh}.header{grid-row:1}.main-section{grid-row:2}.project{grid-row:3}
/*# sourceMappingURL=main.89c54147.css.map*/