body,html{max-width:100%;overflow-x:hidden}body{background:#fff;font-family:var(--main-font);margin:0}body h1{font-size:3rem!important}body h2{font-size:2rem!important}.background-image-opacity-wrapper{background-image:url(/tcp-ip-state-transition.png);background-position:center;background-size:cover;height:100%;left:0;opacity:.05;position:fixed;top:0;width:100%;z-index:-1}.menu-link-container-grid{align-items:center;display:grid;gap:1rem;grid-auto-flow:column;justify-content:center}.nav-link{color:inherit;font-size:1.5em;padding:.5rem 1rem;text-decoration:none}.nav-link:hover{color:#b66d2b}#pageTitle{font-family:var(--main-font);padding-bottom:.25em;padding-left:0}#pageTitleInner{font-family:var(--main-font);font-size:4.5rem}#pageTitleInner,#socialMediaIconsInner{display:flex;justify-content:center}#pageTitle:after,#pageTitle:before{content:none}#pageTitle{align-items:center;background:#fff;display:contents!important;flex-direction:column;overflow-y:auto;z-index:5}.social-media-icon{color:#000;margin:1.25em;transform:scale(2)}.social-media-icon:hover{color:#4a4a4a}#socialMediaIcons{width:auto}.comments-container h3{margin-bottom:15px}.comments-container ul{list-style:none;padding:0}.comments-container>ul{padding-left:2rem;position:relative}.comments-container>ul>li,.comments-container ul li,.nested-replies li{margin-bottom:1rem;position:relative}.comments-container>ul>li:before{border-bottom:1px solid #d9915b;border-left:1px solid #d9915b;content:"";height:50%;left:-2rem;position:absolute;top:0;width:2rem}.comments-container>ul>li:not(:last-child):after{background:#d9915b;content:"";height:calc(100% + 1rem);left:-2rem;position:absolute;top:50%;width:1px}.comments-container>ul>li:last-child:before{border-bottom-left-radius:8px}.comments-container>ul>li:first-child:before{height:calc(50% + 1rem);top:-1rem}.comments-container li{padding-bottom:10px}.comments-container input,.comments-container textarea{border:1px solid #ccc;border-radius:4px;display:block;font-size:.8rem;margin-bottom:10px;padding:8px}.comments-container textarea{min-height:100px}.comments-container button{background-color:#000;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.comments-container button:hover{background-color:#b66d2b}.comment-input-form button:disabled,.comments-container button:disabled{background-color:#bbb}.collapsed-comment{margin-top:-1.25rem;max-height:3em;overflow:hidden;position:relative;white-space:pre-wrap}.expanded-comment{margin-bottom:-.75rem;margin-top:-1rem;max-height:none;white-space:pre-wrap}.collapsed-comment:after{background:linear-gradient(to bottom,transparent,white);bottom:0;content:"";height:1.5em;left:0;pointer-events:none;position:absolute;right:0}.read-more{color:#000;cursor:pointer;display:inline-block;font-size:.9em;margin-top:.5rem}.read-more:hover{color:#000;text-decoration:underline}.comment-content{border:1.5px solid black;border-radius:5px;margin-bottom:1rem;overflow:hidden;padding:.2em .5em;position:relative}.comment-content:before{background-color:#000;bottom:0;content:"";left:0;position:absolute;top:0;transform:translate(-100%);transition:transform .3s ease;width:.75rem}.comment-content:hover:before{transform:translate(0)}.comment-content:hover{padding-left:calc(.75rem + .5em);transition:padding-left .3s ease}.comment-author-and-time{margin-bottom:.5rem}.comment-input-form button{background-color:#d9915b;border:none;border-radius:4px;color:#fff;padding:8px 16px}.comment-likes-and-reply-count{align-items:center;display:flex;gap:1rem}.comment-like-and-count{align-items:center;display:flex;gap:.5rem}.comment-like-icon{align-items:center;display:flex}.comment-like-icon svg{transition:transform .2s ease}.comment-like-icon:hover svg{transform:scale(1.1)}.show-replies{cursor:pointer}.show-replies:hover{color:#b66d2b;text-decoration:underline}.reply-to-comment{cursor:pointer}.reply-to-comment:hover{color:#b66d2b;text-decoration:underline}.nested-replies li:before{border-bottom:1px solid #d9915b;border-bottom-left-radius:8px;border-left:1px solid #d9915b;content:"";height:calc(50% + .5rem);left:-2rem;position:absolute;top:0;width:2rem}.nested-replies li:not(:last-child):after{background:#d9915b;content:"";height:calc(50% + 1rem);left:-2rem;position:absolute;top:calc(50% + .5rem);width:1px}.nested-replies li:first-child:before{height:calc(50% + 1.1rem)}.comments-container>ul>li:hover .comment-wrapper:before,.comments-container>ul>li:hover:after,.comments-container>ul>li:hover:before,.nested-replies li:hover>*,.nested-replies li:hover>*:before,.nested-replies li:hover:after,.nested-replies li:hover:before{border-color:#b66d2b}.comments-container>ul>li:after,.comments-container>ul>li:before,.nested-replies li>*:before,.nested-replies li:after,.nested-replies li:before{transition:all .3s ease}.comments-container>ul{transition:padding-left .3s ease}.comments-container>ul>li:after,.comments-container>ul>li:before{opacity:0;transition:opacity .3s ease .1s,border-color .3s ease,background-color .3s ease}.comments-container.show-main-tree>ul>li:after,.comments-container.show-main-tree>ul>li:before{opacity:1}.comments-container.show-main-tree>ul{padding-left:2rem}.comments-container:not(.show-main-tree)>ul{padding-left:0}.comments-container:not(.show-main-tree)>ul>li:after,.comments-container:not(.show-main-tree)>ul>li:before{display:none}.about-container{align-items:flex-start;display:flex;gap:2rem;max-width:100%}.about-image{border-radius:8px;flex-shrink:0;height:auto;margin-top:0;max-width:450px;padding-top:.25em;width:100%;z-index:1000}.about-text{flex:1;margin-top:0;padding-top:0}.container{padding-left:20%;padding-right:20%;padding-top:10px}.container-fluid{margin-left:auto;margin-right:auto;width:100%}.justify-content-center{display:flex;justify-content:center!important}.d-flex{display:flex!important}footer{background-color:#f77346;color:"black";padding-bottom:.5em;padding-top:1em;text-align:center}.blog-post{padding-left:5%;padding-right:5%}.nested-replies{margin-left:2rem;margin-top:1rem}.nested-reply-content .comment-content{margin-top:2rem}@media screen and (max-width: 600px){main{padding:5%}body h1{font-size:1.5rem!important}body h2{font-size:1.2rem!important}footer,li,p{font-size:.85em}.header__container{background-color:#f77346;margin:0;padding-left:0;padding-right:0}.nav-link{font-size:1rem}.social-media-icon{margin:.2em .5em;transform:scale(1)}#pageTitleInner{font-size:1.8rem}.about-container{align-items:center;flex-direction:column}.about-image{max-width:500px;width:100%}.about-text{width:100%}.container{padding-left:5%;padding-right:5%;padding-top:10px}.about-container{gap:0}.comment-input-form input[type=text],.comment-input-form textarea{box-sizing:border-box;width:100%}.comments-container>ul{padding-left:1.5rem}.comments-container>ul>li:before,.comments-container>ul>li:not(:last-child):after,.nested-replies li:not(:last-child):after{left:-1.5rem}.nested-replies li:before{left:-1.5rem;width:1.5rem}.nested-replies li>*:before{height:6px;left:-.4rem;width:6px}}@media screen and (min-width: 600px) and (max-width: 1200px){body{padding:3%}body h1{font-size:1.5rem!important}body h2{font-size:1.2rem!important}.header__container{background-color:#f77346}.social-media-icon{margin:.9rem;transform:scale(1.5)}#pageTitleInner{font-size:2.4rem;padding-bottom:.7em}.comment-input-form input[type=text],.comment-input-form textarea{box-sizing:border-box;width:75%}.about-image{border-radius:8px;flex-shrink:0;height:auto;margin-top:0;max-width:250px;padding-top:.45em;width:100%}}@media screen and (min-width: 1200px){.blog-post{padding-left:20%;padding-right:20%}.header__container{background-color:#f77346}.comment-input-form input[type=text],.comment-input-form textarea{box-sizing:border-box;width:50%}}.submission-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.submission-modal{background-color:#fff;border-radius:12px;padding:2rem;max-width:400px;width:90%;box-shadow:0 10px 25px #0000001a}.submission-modal-content{text-align:center}.submission-modal-content p{margin:1rem 0;font-size:1.1rem;color:#333}.spinner{width:40px;height:40px;margin:0 auto 1rem;border:3px solid #f3f3f3;border-top:3px solid #f77346;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.success-icon{width:60px;height:60px;margin:0 auto 1rem;color:#4caf50}.error-icon{width:60px;height:60px;margin:0 auto 1rem;color:#f44336}.retry-button{background-color:#f77346;color:#fff;border:none;padding:.5rem 1.5rem;border-radius:6px;font-size:1rem;cursor:pointer;margin-top:1rem;transition:background-color .2s}.retry-button:hover{background-color:#e56336}.submission-modal-content.success .success-icon{animation:checkmark .5s ease-in-out}@keyframes checkmark{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}
