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[data-theme=light] .navbar-list li.active{background-color:#000;background-color:var(--body_background_dark);color:#fff;color:var(--body_color_dark)}body[data-theme=dark] .navbar-list li.active{background-color:#fff;background-color:var(--body_background_light);color:#000;color:var(--body_color_light)}.App{padding:30px;text-align:center}.burger-icon{display:none}.nav-bar{background-color:var(--body_background);display:flex;justify-content:center;width:100%;z-index:100}.nav-bar,.nav-bar.fixed{left:0;position:fixed;top:0}.navbar-list{display:flex;justify-content:flex-end;list-style-type:none;margin:0;padding:0;width:100%}.navbar-list li{cursor:pointer;padding:20px}.navbar-list li.active,.navbar-list li:hover{background-color:var(--body_color);color:var(--body_background)}.nav-bar-link{color:var(--body_background);text-decoration:none}.nav-bar-link.active,.nav-bar-link:hover{background-color:var(--body_color);color:var(--body_background)}.main-container{height:100vh;padding-top:60px;position:relative}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.bounce-animation{animation:bounce 1.5s 5;font-size:6rem;margin-bottom:0}.bounce-animation2{animation:bounce 1.5s infinite;font-size:6rem}.subtitle{font-size:25px;margin-top:0}.home-image{height:350px;right:10%;width:350px;z-index:0}.home-image,.typewriter{position:absolute;top:40%}.typewriter{font-size:40px;font-weight:700;left:10%;z-index:1}.sections{display:block}.about-section{display:flex;padding:20px}.about-section h1{text-align:center}.left-side{flex:1 1;padding-right:10px}.about-list{background-color:var(--hover-bgcolor);color:var(--hover-color);cursor:pointer;font-size:1.2rem;padding:20px;width:80%}.about-list option{background-color:var(--hover-color);color:var(--hover-bgcolor)}.about-list option:hover{background-color:var(--hover_bgcolor);color:var(--hover_color)}.addition{margin-left:10px}.right-side{flex:1 1;padding-left:10px}.about-icon{height:200px;width:200px}.project-section{grid-gap:20px 20px;display:grid;gap:20px 20px;grid-template-columns:1fr 1fr 1fr;padding:20px}.grid-item{box-sizing:border-box;padding:15px;width:100%}.project-link:link{text-decoration:none}.project-link:link,.project-link:visited{color:var(--body_color)}.skills-section{display:flex;flex-flow:row wrap;justify-content:center;padding:20px}.flex-item{flex:1 1;padding:15px;width:25%}.contact-section{display:flex;flex-flow:column wrap;justify-content:center;padding:20px}form{padding:20px}.label-text{left:6%;position:absolute}.input-box{margin-bottom:15px;padding:15px;width:75%}textarea{height:200px;padding:20px;width:75%}.form-btn{border-radius:1%;cursor:pointer;display:flex;justify-content:flex-start;margin-left:7.5rem;margin-top:5px;padding:20px;text-align:center;width:15%}.form-btn:hover{background-color:var(--hover-color);color:var(--hover-bgcolor)}.send{font-size:15px;margin:auto;text-align:center}.font-icons,.project-icon{height:50px;width:50px}.footer{margin-top:20px;padding:20px}.footer-items{padding:10px}.item{cursor:pointer;height:25px;margin-left:7px;margin-right:7px;width:25px}.item-link:link,.item-link:visited{color:var(--body_color)}@media screen and (max-width:300px){#back-end,#db,#front-end,#proj{display:none}}@media screen and (max-width:1200px){.home-image{display:none}}@media screen and (max-width:700px){.nav-bar{display:flex;justify-content:center;z-index:100}.nav-bar,.navbar-list{background-color:var(--body_background);left:0;position:absolute;top:0;width:100%}.navbar-list{box-shadow:0 8px 16px #0000001a;display:none;z-index:1000}.navbar-list.active{display:flex;flex-flow:column;left:0;position:absolute;top:0}.burger-icon,.navbar-list.active{background-color:var(--body_background)}.burger-icon{border:none;color:var(--body_color);cursor:pointer;display:block;font-size:2.5rem;margin:10px}.form-btn{display:flex;justify-content:center;margin-top:10px;width:50%}}@media screen and (max-width:450px){.project-section{display:flex;flex-flow:row wrap;justify-content:center}.grid-item{flex:1 1;margin-right:15px;padding:20px;width:30%}.grid-header{display:none}}@media screen and (max-width:800px){.label-text{display:none}}@media screen and (max-width:600px){.main-container{display:flex;flex-flow:column wrap}.home-image{display:none}}body[data-theme=light]{--hover_bgcolor:var(--body_color_light);--hover_color:var(--body_background_light)}body[data-theme=dark]{--hover_bgcolor:var(--body_color_dark);--hover_color:var(--body_background_dark)}.blog-section{padding:30px;text-align:center}.lead-header{font-size:2.75em}.blog-list{display:flex;flex-flow:column wrap;justify-content:center;list-style-type:none}.blog-item{cursor:pointer;padding:15px;transition:all .3s ease}.post-link{color:var(--body_background);text-decoration:none}.blog-item:hover{background-color:var(--hover_bgcolor);color:var(--hover_color)}#main{background-color:#000000e6;height:100%;left:0;overflow:auto;padding-top:100px;position:fixed;top:0;width:100%;z-index:1}.modal-invisible{display:none}.modal-visible{display:block}.modal-container{border:1px solid #fff;height:400px;margin:auto;padding:10px;transition:background-color .3s ease;width:35%}.modal-container.light-mode{background-color:#fff;color:#000}.modal-container.dark-mode{background-color:#000;color:#fff}.close{aspect-ratio:auto;cursor:pointer;font-size:30px;height:100px;margin:0 0 0 85%;width:100px}.close:hover{color:red}.post-section{text-align:center}.post-title{font-size:3.2em;padding:20px}.post-content{font-family:Times New Roman,Times,serif;font-size:1.7em;margin-bottom:20px;margin-top:30px;padding:30px}.post-details{font-size:1em;margin-bottom:0;padding:20px}.comment-section{margin:0;padding:30px}.comment-header{font-size:2.5em;padding:20px}.comment{font-size:1em;padding:10px;width:100%}.user-name{cursor:pointer;text-decoration:underline}.button-list button{background-color:var(--body_background);border-style:hidden;color:var(--body_color);cursor:pointer;margin:5px}.heart,.login-btn{cursor:pointer}.login-btn{background-color:var(--body_background);border:none;color:var(--body_color)}.add-comment{margin:10px}input{height:.5em;padding:20px;width:50%}.submit{border-radius:25px;cursor:pointer;display:flex;justify-content:center;padding:20px;width:25%}.submit:hover{background-color:var(--body_color);color:var(--body_background)}:root{--body_background_light:#fff;--body_color_light:#000;--body_background_dark:#000;--body_color_dark:#fff;--hover_bgcolor_light:#000;--hover_bgcolor_dark:#fff;--hover_color_light:#fff;--hover_color_dark:#000}body[data-theme=light]{background-color:#fff;background-color:var(--body_background_light);color:#000;color:var(--body_color_light)}body[data-theme=dark]{background-color:#000;background-color:var(--body_background_dark);color:#fff;color:var(--body_color_dark)}.signup-page{margin:auto}.signup-section{margin:100px auto auto;padding:25px;width:80%}.name-signup,.pass-signup,.user-signup{font-size:15px;height:25%;width:80%}.signup-submit{cursor:pointer;font-size:15px;height:30%;margin:auto;padding:15px;width:80%}.signup-submit.dark{background-color:#fff;color:#000}.signup-submit.dark:hover,.signup-submit.light{background-color:#000;color:#fff}.signup-submit.light:hover{background-color:#fff;color:#000}
/*# sourceMappingURL=main.a4166bdb.css.map*/