:root{--primary:green;--secondary:#294729;--dark:#3d3b3b;--night:#646060;--darkPink:#c7838e;--darkOrange:#a36b01}*{margin:0;padding:0}body{display:grid;height:100vh;background:green;background:var(--primary);min-width:267px}#root,.app{position:relative;display:grid}.app{text-align:center;font-family:"open sans",sans-serif;min-height:93vh;height:inherit;margin:1.25rem;-webkit-font-smoothing:antialiased}.window{position:relative;display:grid;grid-template-columns:2.15fr 10fr;height:93vh;width:100%;margin:auto;background:#f5f5f5}.navbar{background:#294729;background:var(--secondary);color:#fff;padding:1.5rem 0 .5rem;min-width:14rem;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;transition:height 1s ease}.profile{margin:.4rem 0}.profile img{transition:width 1s ease,height 1s ease}.profile h2{margin-top:.8rem;font-size:1.25rem;font-weight:900}.nav-btn{display:none;-webkit-animation:name duration timing-function delay iteration-count direction fill-mode;animation:name duration timing-function delay iteration-count direction fill-mode}.nav-btn svg{fill:#fff}.nav{text-align:left;margin:1.5rem 0}.nav a{display:block;padding:1rem 2rem;opacity:.6;text-decoration:none;transition:all .5s}.nav a:hover{opacity:1}.nav svg{margin:0 .6rem 0 0}.nav div{color:#fff;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:0;margin:auto}.social{position:relative;margin-top:auto}.social-nav{list-style-type:none}.social-nav li{display:inline-block;margin:0 .5rem}.social-nav a{display:-webkit-flex;display:flex}.social-nav svg{transition:all .5s}.instagram:hover{fill:#a75e86}.linkedin:hover{fill:#0077b5}.github:hover{fill:#000}.screen{position:relative;box-sizing:content-box;display:grid;overflow:auto}.screen::-webkit-scrollbar{display:none}.screen section{position:relative;background:#fff;padding:.5rem}.home{position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;text-align:center;color:#fff;transition:all 1s ease;height:100%;width:100%}.home div h1{font-family:cursive;font-size:5rem;font-weight:700;line-height:1.5}.home div p{font-size:2rem;margin:auto;line-height:1.8}.about{position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;text-align:center;color:#fff;transition:all 1s ease;height:100%;width:100%}.skills{min-height:100vh;background:red}.projects{position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;text-align:center;height:100%;width:100%;color:#fff}.projects ul{list-style-type:none}.projects ul li{display:inline-block;margin:.5rem;padding:.5rem}.contact{position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;text-align:center;color:#fff;transition:all 1s ease;height:100%;width:100%}.contact textarea{position:relative;max-width:100%;min-height:5rem;border-radius:.25rem;border:none;font-size:1rem;padding:.25rem .5rem}.contact textarea::-webkit-scrollbar{width:.2rem;height:100%;background:#d3d3d3;border-radius:.2rem}.contact textarea::-webkit-scrollbar-thumb{background:grey;border-radius:.2rem}.contact input{position:relative;border-radius:.25rem;border:none;max-width:100%;font-size:1rem;padding:.25rem .5rem;transition:all .3s ease-in-out}.contact input[type=submit]:hover{background:#424554;color:#fff}@media only screen and (max-width:770px){.window{grid-template-columns:1fr;grid-template-rows:1fr 10fr;height:93vh}.navbar{padding:.5rem 0}.nav-btn{display:inline-block}.nav,.social{display:none}.profile{display:-webkit-flex;display:flex}.pro-nav,.profile{-webkit-align-items:center;align-items:center}.pro-nav{display:grid;grid-template-columns:1fr .2fr;margin:0}.profile img{width:5rem!important;height:5rem!important;margin:0 .6rem!important}.p-tags{text-align:left}.case{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}}@media only screen and (min-height:900px){.app{-webkit-align-content:center;align-content:center}}@media only screen and (min-height:1000px){.window{height:573px}}@media only screen and (min-width:1500px){body{-webkit-justify-content:center;justify-content:center}.window{width:1300px}}@media only screen and (max-width:330px){.profile img{width:4rem!important;height:4rem!important;margin:0 .3rem!important}.p-tags h2{font-size:1rem}.p-tags p{font-size:80%}.nav-btn svg{width:24px!important;height:24px!important}.contact div{min-width:10rem!important;width:15rem}}
/*# sourceMappingURL=main.b1fb00c9.chunk.css.map */