body{margin:0;height:100vh;font-family:sans-serif}nav{width:100%;background-color:#fff;height:50px;position:fixed;box-shadow:0 -17px 14px 6px #0000001a,0 10px 15px -3px #0000001a;display:flex;z-index:2}form{align-self:center;position:relative;margin:0 auto}form>select{border:none}form>select:focus,form>select:active{outline:none}form>input{height:20px;margin-left:20px;border:none;border-bottom:1px solid rgba(0,0,0,.192)}form>input:focus,form>input:active{outline:none}.tree__inner{position:absolute;left:50%;top:120px;transform:translate(-50%)}.node{position:absolute;height:40px;width:40px;border:2px solid rgb(120,174,224);border-radius:50%;background-repeat:no-repeat;background-size:contain}.node__bg{content:"";position:absolute;width:100%;height:100%;top:0;left:0;border-radius:50%;opacity:.5;z-index:1}.node>p{margin:0;position:relative;bottom:20px;right:30px;width:max-content;transition:750;background-color:#fff}.child__num{opacity:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;z-index:5}