psg | Python 3 port of Python PostScript Generator

There is something wrong with my CSS code, once I added the CSS code of the products (starting from #lap) the navigation bar showed incorrectly, and when I remove the "}" that close "@keyframe slide" the navigation bar shows correctly but ofc the products CSS code doesn't render cuz "@keyframe slide" remains unclosed.

I'm coding a Football Team Builder and want to count a specific property from inside multiple objects. In this case, I want to count the nationality of 5 football players. The number of football players from the same nation needs to be counted and added to the total number of skill points from the active players. (See code)

I read something about 'Object.keys' on here but my knowledge of JavaScript seems too low to use it properly.

HTML

I have a PySimpleGUI window that contains a Matplotlib bar graph. I recently added an event to it that allows the user to click a bar and access a function based on the bar's label. This works great... until I follow up with a click in a non-matplotlib area, such as my PSG buttons. After doing some testing, it appears that this issue only happens if I call a new, different, window function as a result of the on_click event function running. In my example here, if I remove another_window(), I don't have an issue click-printing the names of my bars or hitting buttons in PSG. The problem is that I need to trigger other windows and be able to return to a functioning main window. What am I doing incorrectly? Thanks in advance!

I am going to try and explain this the best way I can, but I expect that I will have to reword a few times.

So what I have is a list of diagrams that have certain specs. I have built a table with the various diagrams and their specs in Excel. I have built a GUI using PySimpleGui for the users to interact with. There are drop down boxes with the specs in them that they will use as inputs for the code to use to search for these diagrams. Here is the code for the GUI

I'm using PySimpleGUI and I'd like to create dynamic options for a dropdown.

my code:

I get the packages by upd and create the structure PSG. Then I save it to a vector and sort.At the end, I write all the byte data to a file. The problem is that the last packet is less than 1424 bytes. and because of this, extra bytes are written to the end of the file. How could I correctly save data from recvfrom() to a structure to avoid extra bytes?

This is the structure of BSON document I have in mongodb.

I've created a simple GUI to control two servos. The GUI works fine if the user only has a single input, however, it fails to process persistent user inputs. I've looked at the PysimpleGUI cookbook demo for persistent user inputs, however, I cant seem to implement the same type of solution into my code (Link: https://pysimplegui.readthedocs.io/en/latest/cookbook/#recipe-pattern-2a-persistent-window-multiple-reads-using-an-event-loop). I've attached all of my code below: