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}*{font-family:Montserrat,sans-serif}html{scroll-behavior:smooth}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{background:#fff;background:linear-gradient(187deg,#fff,#8f74b0)}body.dark-mode{background-color:#121212;background:#000;background:linear-gradient(90deg,#000,#1d0040);color:#fff}.img_logo,body.dark-mode .img_logo{object-fit:contain;width:100%}body.dark-mode .img_logo{src:url(/portfolio/static/media/websitelogo1.0ad8a061d3f8d66c4d8c.ico) no-repeat}.img_logo_link{aspect-ratio:1/1;display:inline-block;text-align:center;text-decoration:none;width:5%}body.dark-mode .theme-toggle{background:#000;background:linear-gradient(90deg,#000,#1d0040);color:#fff}.theme-toggle,body.dark-mode .theme-toggle{border:1px solid #ccc;border-radius:5%;color:inherit;cursor:pointer;padding:10px 20px;transition:background-color .3s ease,color .3s ease}.theme-toggle{background:#fff;background:linear-gradient(187deg,#fff,#8f74b0)}.theme-toggle:hover{background-color:#f0f0f0}body.dark-mode .theme-toggle:hover{background-color:#333}.header{background:#7400ff;background:linear-gradient(90deg,#7400ff,#fff);justify-items:center;left:0;right:0;top:0;width:100%}body.dark-mode .header{align-items:center;background:#280058;background:linear-gradient(90deg,#280058,#000 87%);left:0;right:0;width:100%}.navlink{color:#000}.navlink,body.dark-mode .navlink{font-size:18px;padding-left:5vh;padding-right:5vh;text-decoration:none;transition:all .5s;transition:color .1s ease,color .1s ease}body.dark-mode .navlink{color:#fff}.nav{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;list-style-type:none;padding:10px}.navlink:hover{color:#fff;transform:scale(1.15)}body.dark-mode .navlink:hover{color:#484848;transform:scale(1.15)}.top{margin-bottom:12%}.content{background-color:#faf5ee;box-shadow:0 0 40px #aaa;padding-top:1ch}body.dark-mode .markdown-content h1,body.dark-mode .markdown-content h3{color:#edadff}.image{height:50%;width:50%}.markdown-content h1,.markdown-content h2,.markdown-content h3{color:#5b1c6d}.markdown-content a{color:#a50060}.Footer{background-color:#fff}.Footer,body.dark-mode .Footer{align-items:center;color:#fff;display:flex;flex-wrap:wrap;font-family:Montserrat,sans-serif;gap:20px;height:1%;justify-content:center;list-style-type:none;margin-top:5%;text-align:center}body.dark-mode .Footer{background-color:#000}body.dark-mode .info{align-items:left;color:#fff;font-size:12px;height:5%}.footer_text{font-size:2rem;margin-bottom:10px}.info{align-items:left;color:#000;font-size:12px;height:5%}body{background-color:#fff;color:#000;transition:background-color .3s ease,color .3s ease}.returnButton{display:flex;gap:20px;justify-content:center;padding-top:3ch}.button-36{background:#fff;background:linear-gradient(90deg,#fff,#f0e3ff)}.button-36,body.dark-mode .button-36{border-radius:5%;cursor:pointer;display:inline-block;font-size:16px;font-weight:500;height:4rem;line-height:4rem;padding:0 1.6rem;text-align:center;text-decoration:none;text-shadow:#00000040 0 3px 8px;touch-action:manipulation;user-select:none;-webkit-user-select:none}body.dark-mode .button-36{background:#280058;background:radial-gradient(circle,#280058 0,#1a0039 100%);border-color:#575757;color:#fff}.button-36:hover{box-shadow:0 1px 30px #503fcd80;transition-duration:.1s}@media (min-width:768px){.button-36{padding:0 2.6rem}}.content{background-color:#fff;border-bottom:1px solid #aaa;box-shadow:0 0 80px #aaa;display:block;margin:0 auto;padding-top:2ch;transition:background-color .3s ease,color .3s ease;width:70%}body.dark-mode .content{background-color:#272727;border-bottom:1px solid #303030;box-shadow:0 0 80px #353535}body.dark-mode .markdown-content{border:0 solid #ddd;border-radius:8px;color:#fff;font-family:Arial,sans-serif;line-height:1.6;margin-left:5%;margin-right:5%;text-align:left}body.dark-mode .markdown-content h1{color:#6f00ff}body.dark-mode .markdown-content h2,body.dark-mode .markdown-content h3{color:#e3d5ff}body.dark-mode .markdown-content a{color:#8e52ff;text-decoration:none}.markdown_text{color:#333;font-size:1.2rem;line-height:1.6}.markdown_text.dark-mode{color:#d3d3d3;font-size:1.2rem;line-height:1.6}.markdown-content{border:0 solid #ddd;border-radius:8px;color:#333;font-family:Arial,sans-serif;line-height:1.6;margin-left:5%;margin-right:5%;text-align:left}.markdown-content h1,.markdown-content h2,.markdown-content h3{color:#2d003a}.markdown-content p{margin-bottom:1em}.markdown-content a{color:#8200be;text-decoration:none}.markdown-content a:hover{text-decoration:underline}.markdown-content ol,.markdown-content ul{margin-left:20px;padding-left:20px}.markdown-content li{margin-bottom:.5em}.markdown-content img{border-radius:5px;height:auto;max-width:100%}.markdown-content blockquote{background:#f9f9f9;border-left:4px solid #ccc;margin:1em 0;padding:1em}.markdown-content code{background:#f4f4f4;border-radius:3px;font-family:Courier New,Courier,monospace;padding:.2em .4em}.header{align-items:center;border-bottom:2px solid #888}.article_top{gap:10px;height:20%;margin:0 auto;padding-bottom:2%;padding-top:7%;width:70%}.Tags{margin-right:50%;width:fit-content}.tag_list{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-start;list-style-type:none;padding:10px}.tag_list:last-child{padding:0}body.dark-mode .tag{background-color:#850073}.tag,body.dark-mode .tag{border-radius:5%;box-shadow:0 2px 4px #0000001a;color:#fff;padding:10px;text-decoration:none;transition:background-color .3s ease,color .3s ease}.tag{background-color:#6c00aa}.tag:hover{transform:scale(1.05)}.article_title{color:#7a00b3;text-align:left}.article_content_wrapper{display:flex;gap:20px}.toc{float:right;height:25%;padding-right:15px}.toc h2{color:#7a00b3;font-size:1.5em;margin-bottom:10px}.toc h2,.toc ul{text-align:right}.toc ul{list-style:none;margin:0;padding:0}.toc li{margin:5px 0}.toc a,.toc li{text-align:right}.toc a{color:#ae00ff;font-size:.9em;text-decoration:none}.toc a:hover{color:#7a00b3;text-decoration:underline}.projectList{border-radius:5%;display:flex;flex-wrap:wrap;gap:2%;height:auto;justify-content:space-around;margin:0 auto;overflow:auto;padding:3% 5% 5%;width:70%}.projectList_item{word-wrap:break-word;background:#fff;background:linear-gradient(187deg,#fff,#8f74b0);background-image:"";border-radius:5px;box-shadow:0 0 40px #a7a7a7;flex:0 0 100%;height:250px;margin-bottom:50px;margin-top:5%;max-width:100%;padding:10px;transition:all .5s}.project_title{position:absolute}.project_banner_image{height:250px;object-fit:cover;object-position:0 0;width:100%}.project_banner_overlay{height:250px;position:fixed;width:100%;z-index:9}body.dark-mode .projectList_item{word-wrap:break-word;background:#280058;background:linear-gradient(90deg,#280058,#000 87%);border-radius:5px;box-shadow:0 0 40px #a7a7a7;flex:0 0 100%;height:250px;left:0;margin-bottom:50px;margin-top:5%;max-width:100%;padding:10px;transition:all .5s}.tagList{border-radius:5%;display:flex;flex-wrap:wrap;gap:2%;height:auto;justify-content:space-around;margin:0 auto;overflow:auto;padding:3% 5% 5%;width:90%}body.dark-mode .tagList_item{background:#280058;background:linear-gradient(90deg,#280058,#000 87%);left:0}.tagList_item,body.dark-mode .tagList_item{word-wrap:break-word;border-radius:5px;box-shadow:0 0 80px #a7a7a7;flex:0 0 200px;height:auto;margin-bottom:50px;margin-top:5%;max-width:200px;padding:10px;transition:all .5s}.tagList_item{background:#fff;background:linear-gradient(187deg,#fff,#8f74b0)}.home_content{align-items:center;padding-left:10%;padding-right:10%}.tagList_item:hover{transform:scale(1.2)}body.dark-mode .tagList_item{background-color:#292929;box-shadow:0 0 20px #454545}.tagList_title{max-height:300px;padding-bottom:-15%;padding-top:20px;text-align:center}.read-more{color:#2b094c;text-decoration:none;transition:background-color .3s ease,color .3s ease}body.dark-mode .read-more{color:#a54bff;text-decoration:none}
/*# sourceMappingURL=main.a5b1668f.css.map*/