body{font-family:Calibri,Helvetica,Arial,Verdana,Times New Roman,Times,serif}p{line-height:23px;margin:39px 5px}li,p{font-size:18px}li{margin:5px}:focus{border:4px solid #000;color:#000;text-decoration:underline}button:focus,input:focus{border:4px solid #573916;text-decoration:none}label:focus{background-color:#adadad}a:focus{border:5px solid #000}.nav-selected:focus{border:5px solid #ff0}button:focus{background-color:#ff0}.margin-top{margin-top:70px}.component-section{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.h1-title{margin-bottom:10px}.h2-title{font-size:20px;font-weight:300;margin-top:5px;max-width:630px;width:60vw}#navbar{background-color:gray;height:40px;justify-content:space-around;left:0;position:fixed;top:0;width:100vw}#navbar,.link-btn{align-items:center;display:flex}.link-btn{background-color:#fff;border:1px solid #000;border-radius:10px;height:40%;justify-content:center;padding:5px}.link-text{color:#000;font-size:16px;font-weight:700;text-decoration:none}.line{background-color:gray;height:1px;margin:50px;width:80vw}.checkbox-h1{margin:2px}.nav-selected{background-color:#000;border:2px solid #fff;color:#fff}.nav-not-selected{background-color:#fff;border:1px solid #000;color:#000}.button{background-color:#00ff0a;border-radius:5px;cursor:pointer;font-weight:600;margin:10px;padding:5px 10px}.new-todo-wrapper{display:flex;flex-direction:column;margin:30px 5px 5px;text-align:start}#todo-input{height:25px}.new-todo-wrapper label{font-weight:600}#add-btn{background-color:#00ff0a;border-radius:5px;font-weight:600;padding:5px 10px}#add-btn,.task-box{cursor:pointer;margin:10px}.task-box{align-items:center;border:2px solid #000;display:flex;padding:4px 30px 4px 4px}.task-box input{height:30px;margin-right:30px;width:30px}.about-article{align-items:center;background-color:#fffedd;border-radius:10px;display:flex;flex-direction:column;margin:50px 0;max-width:630px;padding:50px;width:60vw}.about-article li{text-align:start}.about-article img{width:90%}iframe{margin:30px 0}#captions-wrapper{background-color:#f7f7f7;border:1px solid #000;height:145px;overflow:auto;padding:40px;resize:vertical;text-align:center}#captions-wrapper p{margin:5px;text-align:start}#captions-wrapper h2{font-weight:500;margin:0 0 30px}iframe{height:225px;width:400px}#form{align-items:center;display:flex;flex-direction:column;margin:60px;max-width:480px;row-gap:20px;width:70vw}#form input{height:25px;width:100%}.pair-wrapper{display:flex;justify-content:space-between;width:100%}.form-div{align-items:start;display:flex;flex-direction:column;width:45%}#message,.message-form-div{width:100%}#message{text-decoration:none}.error-message{align-self:center;background-color:#ed0000;border:1px solid #000;color:#fff;display:none;left:10px;margin-top:2px;padding:3px 8px}.drag-resize{align-self:end;margin-top:3px}#set-component{display:none}.modal-wrapper{align-items:center;background-color:rgba(0,0,0,.4);height:100vh;justify-content:center;position:fixed;width:100vw}.modal-box{background-color:#faebd7;border-radius:5px;padding:5vh 10vw}.modal-box,.modal-content{align-items:center;display:flex;flex-direction:column;justify-content:center}.modal-content button{background-color:#00ff0a;border-radius:5px;cursor:pointer;font-weight:600;margin:10px;padding:5px 10px}@media screen and (max-width:480px){.about-article,.about-article img,.h2-title{width:80vw}.about-article{padding:3vw}#captions-wrapper{padding:10px}iframe{width:100%}#add-btn,.button{font-size:16px;padding:8px 13px}#navbar{height:60px}.link-btn{padding:9px}}
/*# sourceMappingURL=main.8f9831e2.css.map*/